layui 表格在点表头排序时数据错乱问题

问题描述：

在layui表格中，最后一列增加了操作按钮，并且在某些行设置了样式，但是在排序之后，按钮的点击事件失效了，样式也没有了，可能是没有执行done回调

原因：

done回调只有在render和reload的时候执行

解决办法：

在生成完表格之后，监听排序事件，在排序事件里面执行reload方法，重新执行done回调，并且初始化排序

例子：

html代码

<div id="tableTest" lay-filter="test"></div>

js代码：

var table = layui.table;
var dataList = [{ No: 1, Name: '张三' },{ No: 2, Name: '李四' }
];
var titleList = [[{ field: 'No', title: '序号' },{ field: 'Name', title: '名字' }
]];
table.render({ elem: '#tableTest', data: dataList, cols: titleList, id: 'tableId' });
table.on('sort(test)', function(obj) {table.reload('tableId', {initSort: obj});
});
table.reload('tableId', {});

注意：

　　①sort事件()里面的test是初始容器里面的lay-filter属性的值

　　②reload里面的tableId是table.render里面的id值，唯一标识表格

layui 表格在点表头排序时数据错乱相关推荐

layui表格（table）排序
layui表格本身提供sort排序,但是只能排序当前一页:如果后台返回几十页数据,需要排序显示,该如何做呢,这里闲心大神提供了一个sort监听方法: 通过监听排序的列,把对应的参数传给后台,然后重渲染 ...
ajax怎样获得表头信息,layui.table动态获取表头和列表数据示例
layui.table动态获取表头和列表数据示例 2020年07月14日 | 萬仟网IT编程 | 我要评论 ```javascript//表格layui.use('table', function() ...
layui表格table固定表头第一行固定显示
layui表格table固定表头第一行固定显示代码示例如下: layui.use('table', function(){$ = layui.jquery;var table = layui.tab ...
LayUI表格在线编辑动态修改列数据
LayUI表格在线编辑动态修改列数据每次只能修改指定属性是 edit 定义的列 {field:'aname', width:80, title: '昵称', minWidth: 100, edit ...
layui表格中开启复选框后，怎么获取跨页勾选的全部数据，layui表格获取勾选的所有数据，获取跨页勾选数据的数量，如何预渲染让数据默认勾选上？
这个功能layui 本身可能没直接提供给我们相关的功能 ,需要自己写出来了有几个疑点可能要一一排查出来核心点: 能不能有一个状态值能判断当前行的数据是否是勾选状态然后就可以一步一步 ...
layui表格设置默认排序_改造 layui 表格组件实现多重排序
layui 的表格组件目前只支持单列排序,在实际应用中并不能很好的支撑我们的业务需求.今天一时手痒,决定改造一番以支持多重排序. 实现思路也比较简单,只需要用一个数组来存放所有排序的列,再把这个数组传 ...
layui 表格组件中实现动态增加数据行的一种方式
layui 以界面简洁美观而吸引了不少开发人员,在使用table组件时,需要能编辑表格内容,动态增加数据行.编辑功能组件已支持.但动态增加数据行好像没有支持,网上提供的方式是,获得组件的数据集再加入一 ...
html表格table的表头排序，js代码fastunit使用案例
页面效果: 下面是这个页面的HTML源码,实例的下载地址是:http://download.csdn.net/download/asiaasia666/8449215 <!DOCTYPE htm ...
layui表头宽度和表格一致_layui表格如何把表头固定
layui表格如何把表头固定发布时间:2020-09-21 09:58:37 来源:亿速云阅读:126 作者:小新小编给大家分享一下layui表格如何把表头固定,希望大家阅读完这篇文章后大所收获 ...

layui 表格在点表头排序时数据错乱

layui 表格在点表头排序时数据错乱问题

layui 表格在点表头排序时数据错乱相关推荐

最新文章

热门文章