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'

 

這樣列表就可以自動產生序號了

 

 

效果圖如下：