首頁  >  文章  >  web前端  >  透過layui為資料表格添加序號

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

王林
王林轉載
2020-12-23 09:39:134813瀏覽

透過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開始排序

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

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

加上type屬性,

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

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

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

#效果如下:

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

相關建議:layui教學

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

陳述:
本文轉載於:csdn.net。如有侵權,請聯絡admin@php.cn刪除