具體方法如下:
(學習影片分享:程式設計影片)
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中文網其他相關文章!