透過layui為資料表格添加序號

具體方法如下：

（學習影片分享：程式設計影片）

1、第一種需求，只為目前頁加序號

（1）為你的資料加上templet屬性

,cols: [[    {field:'tourPlayerId', width:80, title: 'ID1', sort: true,fixed: 'left',}    ,{field:'zizeng', width:80, title: '排名',fixed: 'left',templet:'#zizeng'}

（2）在table的下方加上

<script type="text/html" id="zizeng">    
    {{d.LAY_TABLE_INDEX+1}}
</script>

這樣的話下一頁裡面的排序不會連著上一頁的，只會重新從1開始排序

2、第二種方法，包含分頁的資料也加上序號

加上type屬性，

#設定列型別。可選值有：normal（常規列，無需設定）、 checkbox （複選框列）、 space （空白列）、 numbers （序號列）。 注意：此參數為 layui 2.2.0 新增 。而如果是之前的版本，複選框列採用checkbox: true、空白列採用space: true

所以你這裡只要用到type:'numbers'就可以了，

#效果如下：

    

相關建議：layui教學

以上是透過layui為資料表格添加序號的詳細內容。更多資訊請關注PHP中文網其他相關文章！