layui中table单元格按钮太多,浮动显示点击按钮事件失效的问题

      发布在:前端技术      评论:0 条评论

在数据表格上,操作按钮太多的时候,页面展示不全,下拉显示所有按钮时,点击无效。需要在js中添加代码,放在layui.use()里面即可。

$(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');
           // 关闭当前这个显示更多的tip
           layer.close(layerIndex);
           table._tableTrCurr.find('[lay-event="' + elem.attr('lay-event') + '"]').first().click();
       });


热门推荐