easyui datagrid 表頭固定(垂直滾動條)、列固定(水平滾動條),每頁顯示1000行

最近用多了easyui 以後仍是以爲它的功能仍是很強大的。它原有的功能就已經可以知足90%以上的界面需求。api

一、當數據行不少時,會呈現垂直的滾動條,可是向下滾動,表頭卻被淹沒了,這不符合人類偷懶的特色(我怎麼可能記得住每列的數據表明的意思!),因此須要固定表頭。ui

 datagrid.datagrid({
             fit: trueip

});it

對,沒錯,就是這個屬性,就這麼簡單!我也是看了網上的各位大神以後才懂。我看了多遍easyui的api(固然是中文的)沒有!!下次看看英文原版(啊!個人英語水平)。io

二、當數據列不少時,會出現水平滾動條。某些列時特定要一直顯示的。List

 datagrid.datagrid({
         frozenColumns: [[
                     { field: 'Name', title: '名稱', width: 180 },
        ]]grid

});easyui

 三、表格默認每頁只顯示幾十行,最多也就50 ,以前遇到一個但願每頁顯示1000行的,說是老是翻頁也很麻煩!好吧,如今我能夠隨便知足你了!數據

 datagrid.datagrid({
       pageList: [10, 20, 30, 40, 50, 100, 500, 1000],});英文

 

基本上有些默認參數都是須要的,如今貼上來,省得又忘記(我這記性很差的人啊~~)

  rownumbers: true,        fit: true,        idField: ID',        striped: true,        singleSelect: true,        collapsible: true,        pagination: true,        pageSize: 500,        pageList: [10, 20, 30, 40, 50, 100, 500, 1000],

相關文章
相關標籤/搜索