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)文章
滾動條高度如何獲取，方法有很多，在本文將為大家詳細(xì)介紹下如何使用js做到，下面有個不錯的示例，感興趣的朋友不要錯過2013-10-10
本文為大家詳細(xì)介紹喜愛使用js創(chuàng)建子窗口并且實(shí)現(xiàn)回傳值的示例，感興趣的朋友可以參考下哈，希望對大家有所幫助2013-07-07
這篇文章主要介紹了Javascript監(jiān)視變量變化的方法,涉及javascript針對變量的相關(guān)操作技巧,需要的朋友可以參考下2015-06-06
JS實(shí)現(xiàn)CheckBox復(fù)選框全選、不選或全不選功能
CheckBox控件就是我們一般所說的復(fù)選框，通常用于某選項(xiàng)的打開或關(guān)閉，如一次性處理多個產(chǎn)品，或?qū)ξ恼碌膭h除、產(chǎn)品的下架等處理，一條一條的點(diǎn)顯然有一些麻煩，如果能每一行放一個checkbox，然后統(tǒng)一處理就好辦的多了，需要的朋友可以參考下2016-02-02
Openlayers實(shí)現(xiàn)點(diǎn)閃爍擴(kuò)散效果
這篇文章主要為大家詳細(xì)介紹了Openlayers實(shí)現(xiàn)點(diǎn)閃爍擴(kuò)散效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
Javascript根據(jù)指定下標(biāo)或?qū)ο髣h除數(shù)組元素
刪除數(shù)組元素在工作中經(jīng)常會用到，本文講解一下Javascript根據(jù)下標(biāo)刪除數(shù)組元素的方法，需要了解的朋友可以參考下2012-12-12
這篇文章主要介紹了JS中input表單隱藏域及其使用方法講解，非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-02-02
閉包的一個通常的用法是為一個在某一函數(shù)執(zhí)行前先執(zhí)行的函數(shù)提供參數(shù)。例如，在web環(huán)境中，一個函數(shù)作為setTimeout函數(shù)調(diào)用的第一個參數(shù)，是一種很常見的應(yīng)用2017-04-04
JavaScript如何通過userAgent判斷幾個常用瀏覽器詳解
userAgent 屬性是一個只讀的字符串,聲明了瀏覽器用于 HTTP 請求的用戶代理頭的值,這篇文章主要給大家介紹了關(guān)于JavaScript如何通過userAgent判斷幾個常用瀏覽器的相關(guān)資料,需要的朋友可以參考下2021-06-06
UUID是一種由算法生成的二進(jìn)制長度為128位的數(shù)字標(biāo)識符，格式為“xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx”。本文總結(jié)了五個JS生成UUID的方法，感興趣的可以了解一下2022-06-06