Layui表格，序号列自动产生序号

HTML部分：

创建一个表格容器

<table class="layui-hide" id="table" lay-filter="table"></table>

js渲染部分：

<script>

        layui.use(['table','form'], function(){
            let table = layui.table,
                form = layui.form;

            table.render({
                elem: '#table'
                ,url:'inbox.php'
                ,cols: [[
                    // {field:'id', title: 'ID' , sort: true , align:'center'}
                    {field:'number', title: '序号' , align:'center',type:'numbers'}
                    ,{field:'type', title: '分类', sort: true , align:'center'}
                    ,{field:'user_phone', title: '联系方式' , align:'center'}
                    ,{field:'user_name', title: '姓名', sort: true , align:'center'}
                    ,{field:'read1', title: '阅读状态', hide:<?php echo $read1;?>, sort: true , align:'center'}
                    ,{field:'read2', title: '阅读状态', hide:<?php echo $read2;?>, sort: true , align:'center'}
                    ,{field:'createtime', title: '发送时间', align:'center'}
                    ,{fixed: 'right', title:'操作', align:'center', toolbar: '#barDemo'}
                ]]
                ,page: true
                ,where:{
                    type:'sel',
                    inbox_type:'<?php echo $_GET['inbox_type'];?>',
                    read:'<?php echo $_GET['read'];?>'
                }
            });
        });

    </script>

 

自动生成序号列部分：

{field:'number', title: '序号' , align:'center',type:'numbers'}

 

重要的两个参数：

　　field:'number'　　和　　type:'numbers'

 

这样列表就可以自动产生序号了

 

 

效果图如下：