layui table 分頁 序號始終從”1“開始解決方法

来源:https://www.cnblogs.com/zbspace/archive/2019/12/02/11972738.html

在用Layui table 分頁顯示數據,用 type:"numbers" 進行顯示序號有以下的問題 1、表格自帶的分頁,page:true 這種分頁,在切換頁面的時候序號可以正常進行增加顯示,代碼如下: 顯示效果,第二頁的起始序號不是1 2、page組件進行分頁 這種分頁,在切換頁面的時候序號一種 ...


在用Layui table 分頁顯示數據,用 type:"numbers" 進行顯示序號有以下的問題

1、表格自帶的分頁,page:true

     這種分頁,在切換頁面的時候序號可以正常進行增加顯示,代碼如下:

   

    顯示效果,第二頁的起始序號不是1

   

2、page組件進行分頁

    這種分頁,在切換頁面的時候序號一種以"1"開始,也就是序號一直變,如下,第二頁的序號也是以“1”開頭

   

    這種情況下,可以修改原碼:

    打開 layui.all.js ,找到 g=a+s.limit*(n-1)+1; 在這個後面加上如下的代碼 var ggg=a+s.limit*((CUR_PAGE||n)-1)+1;,其中CUR_PAGE是自定義的當前頁碼,

    找到:case"numbers":return g,把g改成ggg;保存退出,最終顯示結果如下

   

    還有一個方法,可以把type:numbers改成正常的field顯示方法,如下:(其中GLB_PAGE是當前頁面自定義的頁碼及分頁記錄數)

   

    顯示結果如下:

   

   


您的分享是我們最大的動力!

更多相關文章
  • mysqladmin是一個執行管理操作的客戶端程式。它可以用來檢查伺服器的配置和當前狀態、創建和刪除資料庫等。 mysqladmin工具的使用格式:mysqladmin [option] command [command option] command ...... 1.查看mysql的安裝目錄,進 ...
  • #菜鳥教程地址https://www.runoob.com/docker/docker-tutorial.html#docker官方地址倉庫https://hub.docker.com/ docker 安裝 1.更新內核yum update2.下載安裝腳本curl -fsSL https://get ...
  • 項目是一個即時聊天的社交軟體,聊天流採用的是UICollectionView,隨著進度的完善,發現一個特別的bug,UICollectionviewCell的復用,並沒有直接insert進去,而是出現了莫名奇妙的插入方式, 這不是我的圖,這是我在網上找到的,跟我的效果一樣一樣的。link the i ...
  • 寫這篇文章的原因 在移動端一般很少使用複雜的表單,一般針對於屬性的更改都會打開一個新的頁面進行更改。雖然不多,但是也會有。如果一個頁面要輸入的內容包括姓名、地址、郵箱、手機號等,對各個屬性的驗證會非常麻煩,並且非常的不優雅。 於是, 就出現了,一種基於規則的 輸入驗證庫,通過註解即可標註驗證規則。 ...
  • 背景 因為公司一個app項目需要擴展,因為功能較多且較完整的流程與業務,而且和以前的業務關係不大,所以我整合到了 另外一個分包中(代號:newFunc,請註意是代號)進行依賴。 當我寫完這部分業務開始進行debug的時候我發現了這個錯誤。 上述中我得出already這個關鍵字,在對分包的集成測試中沒 ...
  • 下載 "demo和工具下載鏈接SPClipTool" 使用說明 需求 圖片裁剪,效果如下圖,支持圖片拖拽,縮放,裁剪框自由變換大小。 思路 兩個UIImageView,一個做背景,並加上蒙版效果,另外一個通過蒙版控制顯示區域,並且保證兩個UIImageView平移和縮放的時候完全重疊。最後使用一個U ...
  • <input /> 標簽是我們日常開發中非常常見的替換元素了,但是最近在刷 whattwg 跟 MDN 的時候發現 跟 <input /> 有很多相關的屬性,選擇器都沒怎麼用過,所以就開篇文章來整理一下一些比較有趣或者實用的知識點。 本篇文章預設大家已經知道 <input /> 標簽的基本用法,不會 ...
  • js日期函數 ...
一周排行
x