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

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

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

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

具体代码:

<table class="layui-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 = $('.layui-table tr').length;
            for(var i = 1;i<len;i++){
                $('.layui-table tr:eq('+i+') td:first .layui-table-cell').html(i);
            }
        });
        table.reload('news', {});//注意为news
    });
</script>

注意事项:

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

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

点赞 1
QQ在线咨询