sort

layui的sort可以对数据进行排序,但是很多时候,为了导出或者打印效果,需要对序号不执行排序。

layui 表格sort排序时,序号不打乱

layui的sort可以对数据进行排序,但是很多时候,为了导出或者打印效果,需要对序号不执行排序。

众所周知,layui的sort可以对数据进行排序,但是很多时候,为了导出或者打印效果,需要对序号不执行排序。

具体代码:

<table class="table" id="list" lay-filter="list"></table>
<script>
    layui.use(['table','form','element'], function() {
        var table = layui.table,form = layui.form, $ = layui.jquery;
        var tableIn = table.render({
            id: 'news',
            elem: '#list',
            url: '{:url("index")}',
            method: 'post',
            page: true,
            cols: [[
                {field: 'key', title: '序号', align: 'center', width:"5%"},//不能使用fixed: true
                {field: 'title', title: '标题',toolbar: '#info',width:"10%",  align: 'left' },
                {field: 'url', title: 'url',width:"10%", align: 'left' },
                {field: 'description', title: 'description', align: 'left',sort: true},
                {field: 'click', title: '点击', align: 'center', width:"5%",sort: true},
            ]],
            limit: 45, //每页默认显示的数量
        });
        table.on('sort(list)', function(obj) {//list与table中保持一致
            var len = $('.table tr').length;
            for(var i = 1;i<len;i++){
                $('.table tr:eq('+i+') td:first .table-cell').html(i);
            }
        });
        table.reload('news', {});//注意为news
    });
</script>

注意事项:

  • 要处理的field不能使用fixed,如要使用,需要重新对应class参数;
  • sort(list)和table.reload('news', {})需要与实际保持一致;

本文属原创,转载请注明原文:https://www.zhimatong.com/jiaocheng/522.html

为保证教程的实用性及扩大知识面覆盖,如果您有相似问题而未解决,可联系在线客服免费技术支持。

点赞 2

联系
顾问

在线
客服
账号登录

没有账号?立即注册

忘记密码

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

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

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