详解layui使用table的sort排序方法
今天为大家详细讲解有关layui使用table的sort排序的方法,sort是将数组中的对象按某个成员重新对该数组排序,在对表格数据进行分析时,经常需要用到排序功能,对应的layui中的sort参数,希望大家有所帮助。
table.render({ id: 'test', elem: '#test', url: "/test/", initSort: { field: 'id',//排序字段,对应 cols 设定的各字段名 type: 'desc' //排序方式 asc: 升序、desc: 降序、null: 默认排序 }, sort: true,//重点1:这里的sort表示 table表在取得接口数据后,对页面渲染后的table数据进行排序。同时,这里的true 会影响页面sort 上下小箭头的 显示效果 method: 'post', page: true, limit: 10, cols: [[ {field:'id', title:'ID',fixed: 'left', unresize: true, sort: true, width:70}, {field:'user_name', title:'员工姓名'}, {field:'name', title:'部门', sort: true}, {field:'station', title:'岗位', sort: true}, {field:'identity_card', title:'身份证',}, {field:'user_phone', title:'手机号'}, {field:'add_time', title:'添加时间', width:170} ]] });
使用说明
- 默认:false 不启用排序。如果设置 true,则会在对应的表头显示排序icon图标,从而对列开启排序功能。
- 注意:不推荐对值同时存在"数字和普通字符"的列开启排序,比如:'芝麻通' > '2' > '100',因为会进入字典序比对。
本文属原创,转载请注明原文:https://www.zhimatong.com/jiaocheng/343.html
为保证教程的实用性及扩大知识面覆盖,如果您有相似问题而未解决,可联系在线客服免费技术支持。
点赞 7
热门主题
相关阅读
- layui触发排序切换,如何实现全局排序
- layui表格排序sort设置,layui能根据中文数字排序吗
- MySQL数据库让老数据id从1开始的方法,主键重新排序
- layui 表格sort排序时,序号不打乱
- PHP 对数组使用 自然算法 进行排序 natsort 与 natcasesort 函数
- PHP 数组排序 sort、asort 及 ksort 系列函数
- 详解迅睿XunRuiCMS排序参数order的5种用法及正序写法
- PHP 对多个数组或多维数组进行排序 array_multisort 函数
- layui中根据创建时间sort排序
- php数组按key倒序排列,数组foreach循环实现逆序访问
- {dede:freelist/}列表调用怎么增加排序方式
- 织梦栏目列表按附加表自定义字段排序