首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> 更多程式語言 >> 程式設計疑難解答

EasyUI Datagrid 分頁隱藏「顯示 X 條」資訊:JS 與 CSS 兩種方案

     編輯:程式設計疑難解答

方案一:JS 動態修改 pagination 選項 (推薦)

// 在 datagrid 初始化後或 onLoadSuccess 事件中
$('#dg').datagrid('getPager').pagination({
    displayMsg: ''  // 設為空字串即隱藏
});

優點:不修改框架源碼,針對特定表格生效,可動態切換。

方案二:CSS 隱藏 (全局生效)

<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
<style>
    div.pagination-info { display: none !important; }
</style>

優點:零 JS 干預,樣式分離。缺點:影響頁面所有 EasyUI 分頁。

進階:自定義顯示文字

$('#dg').datagrid('getPager').pagination({
    displayMsg: '共 {total} 條記錄', // 只顯示總數
    beforePageText: '第',
    afterPageText: '頁 / {pages} 頁'
});
  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved