巧妙解決Layui.table組件分頁問題示例
引言
這段時(shí)間用了Layui,用table組件的時(shí)候遇到了一個(gè)問題,在這邊分享記錄下。
熟悉這個(gè)框架的小伙伴應(yīng)該知道原始的分頁是?page=1&limit=10這樣的,page代表分頁,limit代表每頁顯示的條數(shù)。
然而??!后端要求格式是?offset=0&limit=10,看了下官網(wǎng)文檔,社區(qū)以及搜索了下并沒有找到相關(guān)資料。
沒辦法,只能默默搜源碼去了。
經(jīng)過一番的搜索,終于找到了答案。
修改pagename
首先前面的把pagename改下就好,
table.render({
elem: '#table'
,url:url
,request: {
pageName: 'offset'
}
,cols: []
,page: true
});table.js修改
后面的需要打開【table.js】并找到這個(gè)改成r[l.pageName] = e(此處自定義哈哈,我還拿出筆計(jì)算了,有種學(xué)數(shù)學(xué)的感覺,因?yàn)槲沂?/10/20的,所以此處為e*10-10),如下圖:

好了,請(qǐng)求下試試看。

OK,沒毛病,大功告成!
以上就是巧妙解決Layui.table組件分頁問題示例的詳細(xì)內(nèi)容,更多關(guān)于Layui.table組件分頁的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
利用JavaScript實(shí)現(xiàn)新聞滾動(dòng)效果(實(shí)例代碼)
這篇文章主要是對(duì)利用JavaScript實(shí)現(xiàn)新聞滾動(dòng)效果的兩種方法進(jìn)行了介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助2013-11-11
JS 文字符串轉(zhuǎn)換unicode編碼函數(shù)
AJAX傳遞中文字符串時(shí)必須把中文字符串編碼成unicode,一般會(huì)用到JS的自帶函數(shù)escape().不過找到了更好的函數(shù)來確決中文字符轉(zhuǎn)換成unicode編碼的函數(shù)2009-05-05
JavaScript數(shù)據(jù)結(jié)構(gòu)之?dāng)?shù)組的表示方法示例
這篇文章主要介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)之?dāng)?shù)組的表示方法,從數(shù)據(jù)結(jié)構(gòu)線性表的角度分析了數(shù)組的原理并結(jié)合實(shí)例形式分析了javascript數(shù)組的定義與使用方法,需要的朋友可以參考下2017-04-04
利用iscroll4實(shí)現(xiàn)輪播圖效果實(shí)例代碼
iScroll 4 這個(gè)版本完全重寫了iScroll這個(gè)框架的原始代碼。這個(gè)項(xiàng)目的產(chǎn)生完全是因?yàn)橐苿?dòng)版webkit瀏覽器(諸如iPhone,iPad,Android 這些系統(tǒng)上廣泛使用)。下面這篇文章主要介紹了利用iscroll4實(shí)現(xiàn)輪播圖效果的方法教程,需要的朋友可以參考下。2017-01-01
淺談JavaScript構(gòu)造樹形結(jié)構(gòu)的一種高效算法
這篇文章主要介紹了JavaScript構(gòu)造樹形結(jié)構(gòu)的一種高效算法,對(duì)算法感興趣的同學(xué),可以參考下2021-05-05
JavaScript中的this指向綁定規(guī)則及常見面試總結(jié)
這篇文章主要為大家介紹了JavaScript中的this指向綁定規(guī)則及箭頭韓碩中的this指向,還b包含了常見面試總結(jié),有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-12-12
JS實(shí)現(xiàn)數(shù)組簡單去重及數(shù)組根據(jù)對(duì)象中的元素去重操作示例
這篇文章主要介紹了JS實(shí)現(xiàn)數(shù)組簡單去重及數(shù)組根據(jù)對(duì)象中的元素去重操作,涉及javascript數(shù)組元素的遍歷、判斷、追加等操作實(shí)現(xiàn)去重功能的相關(guān)技巧,需要的朋友可以參考下2018-01-01

