layui表格设置默认排序_layui table对表格数据处理后的排序问题

table模块是layui最核心的组成之一，它用于对表格进行一些列功能和动态化数据操作。在 table模块对表格数据处理后排序可能出现问题，本文就来为大家介绍一下解决这种问题的方法。

使用layui table过程中，将某一列的数据格式进行转换，或者将0/1状态改为是/否，或者将数字改为星星评分显示的时候都会遇到一个问题，我的表格数据转换成其他形式，同时设置了sort:true，此时，点击排序按钮之后，该列数据就消失了。如何解决呢？

只需要设置一个目标table的sort排序重新向服务端发送请求即可。table.on('sort(这里是table的id)', function(obj){ //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"

//尽管我们的 table 自带排序功能，但并没有请求服务端。

//有些时候，你可能需要根据当前排序的字段，重新向服务端发送请求，从而实现服务端排序，如：

table.reload('这里是layui-table定义时候的elem', {

initSort: obj //记录初始排序，如果不设的话，将无法标记表头的排序状态。 layui 2.1.1 新增参数

,where: { //请求参数(注意：这里面的参数可任意定义，并非下面固定的格式)

field: obj.field //排序字段

,order: obj.type //排序方式

}

});

});本文转载自：https://www.cnblogs.com/yangyuke1994/p/10058645.html

更多web前端开发知识，请查阅 HTML中文网！！

layui表格设置默认排序_layui table对表格数据处理后的排序问题相关推荐

layui表格设置默认排序_改造 layui 表格组件实现多重排序
layui 的表格组件目前只支持单列排序,在实际应用中并不能很好的支撑我们的业务需求.今天一时手痒,决定改造一番以支持多重排序. 实现思路也比较简单,只需要用一个数组来存放所有排序的列,再把这个数组传 ...
NetTiers学习笔记09---RADGrid + EntityDataSource设置默认排序, 及表格自动排序,分页的方法...
前段时间虽然解决了排序和分页的问题,但始终没有解决默认排序的问题, 起初一直把焦点放在EntityDataSource的排序默认值上,但始终搞不定, 今天又花了不少时间Google和研究,终于通过设置 ...
layui数据表格如何获取id_LayUI之table数据表格获取行、行高亮等相关操作
前言目前LayUI数据表格既美观有不乏一些实用功能.基本上表格应有的操作已经具备,LayUI作者[贤心]肯定是煞费苦心去优化,此处致敬.但是实话实话,如果单纯那数据表格功能来说,EasUI的数据表格 ...
layui添加复选框_layui table的复选框重载后增加回显
layui table的复选框重载后增加回显找到未压缩的table.js 增加配置缓存所选中的数据回显数据获取找到未压缩的table.js 我们需要修改table.js文件,但官网下载的是 ...
html5怎么给表格设置分页,如何让HTML5的表格支持后台排序与分页
如何让HTML5的表格支持后台排序与分页 TWaver HTML5发布已有一段时间,使用的客户也是逐渐增加,于是我也迫不及待地申请了一个试用版来写一个小网页,最近正在写到数据查询,表格显示的功能.表格 ...
koa2 导出excel表格设置样式_一调整Excel表格的行列宽度，图片又得重新调整？点这个设置就行...
不知道大家有没有遇到过这样的情况?就是当我们在调整表格的行列宽度的时候,表格里面的图片就会发生变化,像下图这样. 然后我们就需要把图片一个个调整成跟表格行列宽度一致,这样简直太麻烦了有木有! 一.图片 ...
layui单元格鼠标样式_Layui实现数据表格中鼠标悬浮图片放大效果,离开时恢复原图的方法...
如下所示: var tableIns = window.demoTable = table .render({ elem : '#idTest', id : 'idTest', url : '/par ...
layui 数据表格下拉框_layui学习——数据表格嵌套下拉列表，并实现动态更新
layui学习--数据表格嵌套下拉列表,并实现动态更新项目中有些字段的数据为固定的几个值,这些字段在数据表格中显示为汉字,但在数据库中以数字形式存储,例如:仓库属性(0:普通仓/1:检验仓/2:报废 ...
layui 读取本地excel内容_layui之数据表格--与后台交互获取数据的方法
jsp或html js //用户列表 var tableIns = table.render({ elem: '#userList', url : 'userAction_findAll.action ...

layui表格设置默认排序_layui table对表格数据处理后的排序问题

layui表格设置默认排序_layui table对表格数据处理后的排序问题相关推荐

最新文章

热门文章

layui表格 设置默认排序_layui table对表格数据处理后的排序问题

layui表格 设置默认排序_layui table对表格数据处理后的排序问题相关推荐

最新文章

热门文章

layui表格设置默认排序_layui table对表格数据处理后的排序问题

layui表格设置默认排序_layui table对表格数据处理后的排序问题相关推荐