怎么把双击左边才显示右边改成直接显示

问题遇到的现象和发生背景

怎么把双击左边才显示右边改成直接显示？

问题相关代码，请勿粘贴截图

 //监听行单击事件（双击事件为：rowDouble） +++++++
            table.on('row(tableleft)', function (obj) {
                //重新渲染右侧表格
                table.reload('tableright', {
                    where: {orgId:obj.data.orgId, billId:billId},
                    page: {
                        curr: 1 //重新从第 1 页开始
                    },
                })
                //标注选中样式
                obj.tr.addClass('layui-table-click').siblings().removeClass('layui-table-click');
            });

运行结果及报错内容

我的解答思路和尝试过的方法

我想要达到的结果

你用layui的话 原生用现有的api肯定改不了
你只能说去换个思路，每次点击编辑的时候，让所有的input框显示出来，相当于抓取对应当前行数据的所有单元格双击行为，然后你同时也要处理好这个点击空白处，如何将对应的input框隐藏

再或者 layui里面引 vue 吧，这样会好写一点

不要把右边表格渲染的代码写在双击事件里