layui 給數(shù)據(jù)表格加序號(hào)的方法
更新時(shí)間：2018年08月20日 09:19:31 作者：熊貓大哥大
今天小編就為大家分享一篇layui 給數(shù)據(jù)表格加序號(hào)的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
1，第一種需求，只給當(dāng)前頁(yè)加序號(hào)
（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>
這樣的話 下一頁(yè)里面的排序不會(huì)連著上一頁(yè)的，只會(huì)重新從1開(kāi)始排序
2，第二種方法，包括分頁(yè)的數(shù)據(jù)也加上序號(hào)
加上type屬性，
設(shè)定列類型。可選值有：normal（常規(guī)列，無(wú)需設(shè)定）、checkbox（復(fù)選框列）、space（空列）、numbers（序號(hào)列）。注意：該參數(shù)為 layui 2.2.0 新增。而如果是之前的版本，復(fù)選框列采用 checkbox: true、空列采用 space: true
所以你這里只需要用到type:'numbers'就可以了，
效果如下：
以上這篇layui 給數(shù)據(jù)表格加序號(hào)的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
滾動(dòng)條高度如何獲取，方法有很多，在本文將為大家詳細(xì)介紹下如何使用js做到，下面有個(gè)不錯(cuò)的示例，感興趣的朋友不要錯(cuò)過(guò)2013-10-10
本文為大家詳細(xì)介紹喜愛(ài)使用js創(chuàng)建子窗口并且實(shí)現(xiàn)回傳值的示例，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助2013-07-07
這篇文章主要介紹了Javascript監(jiān)視變量變化的方法,涉及javascript針對(duì)變量的相關(guān)操作技巧,需要的朋友可以參考下2015-06-06
JS實(shí)現(xiàn)CheckBox復(fù)選框全選、不選或全不選功能
CheckBox控件就是我們一般所說(shuō)的復(fù)選框，通常用于某選項(xiàng)的打開(kāi)或關(guān)閉，如一次性處理多個(gè)產(chǎn)品，或?qū)ξ恼碌膭h除、產(chǎn)品的下架等處理，一條一條的點(diǎn)顯然有一些麻煩，如果能每一行放一個(gè)checkbox，然后統(tǒng)一處理就好辦的多了，需要的朋友可以參考下2016-02-02
Openlayers實(shí)現(xiàn)點(diǎn)閃爍擴(kuò)散效果
這篇文章主要為大家詳細(xì)介紹了Openlayers實(shí)現(xiàn)點(diǎn)閃爍擴(kuò)散效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-09-09
Javascript根據(jù)指定下標(biāo)或?qū)ο髣h除數(shù)組元素
刪除數(shù)組元素在工作中經(jīng)常會(huì)用到，本文講解一下Javascript根據(jù)下標(biāo)刪除數(shù)組元素的方法，需要了解的朋友可以參考下2012-12-12
這篇文章主要介紹了JS中input表單隱藏域及其使用方法講解，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-02-02
JS閉包可被利用的常見(jiàn)場(chǎng)景小結(jié)
閉包的一個(gè)通常的用法是為一個(gè)在某一函數(shù)執(zhí)行前先執(zhí)行的函數(shù)提供參數(shù)。例如，在web環(huán)境中，一個(gè)函數(shù)作為setTimeout函數(shù)調(diào)用的第一個(gè)參數(shù)，是一種很常見(jiàn)的應(yīng)用2017-04-04
JavaScript如何通過(guò)userAgent判斷幾個(gè)常用瀏覽器詳解
userAgent 屬性是一個(gè)只讀的字符串,聲明了瀏覽器用于 HTTP 請(qǐng)求的用戶代理頭的值,這篇文章主要給大家介紹了關(guān)于JavaScript如何通過(guò)userAgent判斷幾個(gè)常用瀏覽器的相關(guān)資料,需要的朋友可以參考下2021-06-06
UUID是一種由算法生成的二進(jìn)制長(zhǎng)度為128位的數(shù)字標(biāo)識(shí)符，格式為“xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx”。本文總結(jié)了五個(gè)JS生成UUID的方法，感興趣的可以了解一下2022-06-06