layui 給數(shù)據(jù)表格加序號的方法
更新時間：2018年08月20日 09:19:31 作者：熊貓大哥大
今天小編就為大家分享一篇layui 給數(shù)據(jù)表格加序號的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
1，第一種需求，只給當(dāng)前頁加序號
（1），給你的數(shù)據(jù)加上 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，第二種方法，包括分頁的數(shù)據(jù)也加上序號
加上type屬性，
設(shè)定列類型?？蛇x值有：normal（常規(guī)列，無需設(shè)定）、checkbox（復(fù)選框列）、space（空列）、numbers（序號列）。注意：該參數(shù)為 layui 2.2.0 新增。而如果是之前的版本，復(fù)選框列采用 checkbox: true、空列采用 space: true
所以你這里只需要用到type:'numbers'就可以了，
效果如下：
以上這篇layui 給數(shù)據(jù)表格加序號的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
本文主要介紹了解決給dom元素綁定click等事件無效問題的方法。具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
javascript避免數(shù)字計算精度誤差的方法詳解
本篇文章主要是對javascript避免數(shù)字計算精度誤差的方法進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-03-03
這篇文章主要為大家詳細(xì)介紹了OpenLayers3加載常用控件的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
Kindeditor單獨(dú)調(diào)用單圖上傳增加預(yù)覽功能的實(shí)例
下面小編就為大家?guī)硪黄狵indeditor單獨(dú)調(diào)用單圖上傳增加預(yù)覽功能的實(shí)例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
這篇文章主要為大家詳細(xì)介紹了JavaScript生成圖形驗(yàn)證碼的相關(guān)代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
sessionStorage存儲時多窗口之前能否進(jìn)行狀態(tài)共享解析
這篇文章主要為大家介紹了sessionStorage存儲時多窗口之前能否進(jìn)行狀態(tài)共享解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-02-02
js實(shí)現(xiàn)的四級左側(cè)網(wǎng)站分類菜單實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)的四級左側(cè)網(wǎng)站分類菜單,實(shí)例分析了javascript操作頁面元素實(shí)現(xiàn)tab切換的相關(guān)技巧,需要的朋友可以參考下2015-05-05
不到200行 JavaScript 代碼實(shí)現(xiàn)富文本編輯器的方法
這篇文章主要介紹了不到200行 JavaScript 代碼實(shí)現(xiàn)富文本編輯器的方法,需要的朋友可以參考下2018-01-01
layui 上傳插件 帶預(yù)覽 非自動上傳功能的實(shí)例(非常實(shí)用)
今天小編就為大家分享一篇layui 上傳插件 帶預(yù)覽 非自動上傳功能的實(shí)例(非常實(shí)用)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
javascript仿163網(wǎng)盤無刷新文件上傳系統(tǒng)
這個仿163網(wǎng)盤無刷新文件上傳系統(tǒng)，并沒有用使用.net的控件，完全的手工制作。2008-10-10