当前位置:首页 > LayUI > 关键词 > sort > 正文

详解layui使用table的sort排序方法

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

联系
顾问

在线
客服
账号登录

没有账号?立即注册

忘记密码

登录即同意用户协议没有账号? 立即注册
账号注册
我已阅读并同意用户协议
立即注册
注册即同意用户协议已有账号? 立即登录
找回密码

操作步骤:邮箱验证->设置新密码

注册即同意用户协议已有账号? 立即登录