Layui table表格操作列，按钮过多时展开点击失效问题解决方法

// 缓存当前操作的是哪个表格的哪个tr的哪个td
$(document).off('mousedown','.layui-table-grid-down')
.on('mousedown','.layui-table-grid-down',function(event){table._tableTrCurr = $(this).closest('td');
});$(document).off('click','.layui-table-tips-main [lay-event]')
.on('click','.layui-table-tips-main [lay-event]',function(event){var elem = $(this);var tableTrCurr = table._tableTrCurr;if(!tableTrCurr){return;}var layerIndex = elem.closest('.layui-table-tips').attr('times');// 关闭当前这个显示更多的tiplayer.close(layerIndex);table._tableTrCurr.find('[lay-event="' + elem.attr('lay-event') + '"]').first().click();
});

在layui2.4.5版本中,将上面代码放进layui.use（）函数里面即可

Layui table表格操作列，按钮过多时展开点击失效问题解决方法相关推荐

layui 表格操作列按钮动态显示变换
在使用Layui的表格组件时有时会用到可变换的操作比如显示或隐藏功能,那么就需要按钮的动态变换实现方法在layui的barDome中加入如下代码 <script type="text ...
avue去除table表格操作列
过程 1.在对应的option中将设置:menu: false 2.此时操作列没有了,但是可能会变成一个空列,那可能是你option里的column中的lable设置了width,此时把这些width ...
vxe-table踩坑，表格操作列按钮不出现问题
1.问题复制操作文档中代码,按钮并未显示 <vxe-table-column title="操作" width="100" show-overflow&g ...
Layui table表格单元格合并问题
Layui table表格单元格合并人丑话不多, 直接上方法: /*** * @param fieldName 要合并列的field属性值* @param index 表格的索引值从1开始* @d ...
layui table 表格模板按钮的实例代码
文章转载:https://www.jb51.net/article/170530.htm 今天小编就为大家分享一篇layui table 表格模板按钮的实例代码,具有很好的参考价值,希望对大家有所帮助 ...
layui 鼠标移入变为小手_如何在 LayUI 数据表格的列元素上，鼠标悬浮，显示所有文字内容（修改源码）...
文中使用的LayUI版本:layui-v2.5.5 问题描述: 最近参与开发了问题分析: 要实现鼠标悬浮显示所有内容,一般采用的都是给对应元素上添加 title 属性,这样当鼠标悬浮在对应列的时候, ...
elementui表格宽度适应内容_解决elementui表格操作列自适应列宽
业务需要前端根据用户权限动态显示对应按钮,直接把操作列的列宽写死的话,在按钮少的情况下不是那么好看,所以想到了一个骚操作... 写死宽度时是这样的: 开始给操作列绑定宽度属性 :width=&quo ...
elementui表格宽度适应内容_解决elementui表格操作列自适应列宽代码示例
本篇文章小编给大家分享一下解决elementui表格操作列自适应列宽代码示例,文章代码介绍的很详细,小编觉得挺不错的,现在分享给大家供大家参考,有需要的小伙伴们可以来看看. 写死宽度时是这样的: 开始 ...
el-table表格操作列合并行
前言: 在使用el-table的时候经常会涉及到表格的列合并,包括表格操作列的合并,本篇博客主要讲的是表格操作列的合并,至于其他列的合并可以参考另一篇博客:https://editor.csdn.ne ...

Layui table表格操作列，按钮过多时展开点击失效问题解决方法

Layui table表格操作列，按钮过多时展开点击失效问题解决方法相关推荐

最新文章

热门文章