layui表格（table）排序

layui表格本身提供sort排序，但是只能排序当前一页；如果后台返回几十页数据，需要排序显示，该如何做呢，这里闲心大神提供了一个sort监听方法：

通过监听排序的列，把对应的参数传给后台，然后重渲染表格就行了

 //监听表格排序问题table.on('sort(test)', function(obj){ //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"console.log(obj.field); //当前排序的字段名console.log(obj.type); //当前排序类型：desc（降序）、asc（升序）、null（空对象，默认排序）console.log(this); //当前排序的 th 对象//尽管我们的 table 自带排序功能，但并没有请求服务端。//有些时候，你可能需要根据当前排序的字段，重新向服务端发送请求，从而实现服务端排序，如：table.reload('testTable', { //testTable是表格容器idinitSort: obj //记录初始排序，如果不设的话，将无法标记表头的排序状态。 layui 2.1.1 新增参数,where: { //请求参数（注意：这里面的参数可任意定义，并非下面固定的格式）field: obj.field //排序字段,order: obj.type //排序方式}});});

layui表格（table）排序相关推荐

layui表格table固定表头第一行固定显示
layui表格table固定表头第一行固定显示代码示例如下: layui.use('table', function(){$ = layui.jquery;var table = layui.tab ...
layui表格——table.render(options)（转）
一.使用方法 1.在页面代码里写一个table标签和id属性 <table id="demo" lay-filter="test"></tab ...
layui 改写 table 排序,填加中文按照拼音排序
因为layui table默认的排序不支持中文拼音,改写layui源码来完成我们的需求注意在layui官网下载到的layui代码是压缩后的,这里需要下载layui的源码 layui源码地址: 码云地 ...
Layui数据表格table排序（后端PHP）
一.需要添加二.html代码三.PHP部分代码四.其他一.需要添加 1.需要排序的字段加上 sort: true 属性 2.table.on('sort(lay-filter的值)', fun ...
layui关闭表格编辑_Layui表格table关闭拖拽列宽、禁用拖拽列宽
table 模块是Layui的又一走心之作,在 layui 2.0 的版本中全新推出,是 layui 最核心的组成之一.它用于对表格进行一些列功能和动态化数据操作,涵盖了日常业务所涉及的几乎全部需求. ...
点击不同的统计类型重载layui表格
点击不同的统计类型重载layui表格开发工具与关键技术:Visual Studio 2015 作者:徐晶旗撰写时间:2019年8月17日在做项目的时候涉及到了统计分析,比如要分析经营利润分析,里 ...
layui 自定义排序_浅谈layui中table的sort排序
table模块是layui框架最核心的组成之一,它用于对表格进行一些列功能和动态化数据操作,本文介绍了layui中table的sort排序,解决了在我们使用sort排序时可能遇到的一些问题. 今天来谈 ...
data layui table 排序_浅谈layui中table的sort排序
table模块是layui框架最核心的组成之一,它用于对表格进行一些列功能和动态化数据操作,本文介绍了layui中table的sort排序,解决了在我们使用sort排序时可能遇到的一些问题. 今天来谈 ...
Layui表格排序例子
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <m ...

layui表格（table）排序

layui表格（table）排序相关推荐

最新文章

热门文章