easyui datagrid 表头固定(垂直滚动条)、列固定(水平滚动条)
最近用多了easyui 之后還是覺得它的功能還是很強大的。它原有的功能就已經能夠滿足90%以上的界面需求。
1、當數據行很多時,會呈現垂直的滾動條,但是向下滾動,表頭卻被淹沒了,這不符合人類偷懶的特點(我怎么可能記得住每列的數據代表的意思!),所以需要固定表頭。
?datagrid.datagrid({
???????????? fit: true
});
對,沒錯,就是這個屬性,就這么簡單!我也是看了網上的各位大神之后才懂。我看了多遍easyui的api(當然是中文的)沒有!!下次看看英文原版(啊!我的英語水平)。
2、當數據列很多時,會出現水平滾動條。某些列時特定要一直顯示的。
?datagrid.datagrid({
?????????frozenColumns: [[
???????????????????? { field: 'Name', title: '名稱', width: 180 },
??????? ]]
});
?3、表格默認每頁只顯示幾十行,最多也就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],
轉載于:https://www.cnblogs.com/ZGQ-VIP/p/10212329.html
總結
以上是生活随笔為你收集整理的easyui datagrid 表头固定(垂直滚动条)、列固定(水平滚动条)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: AGC005D ~K Perm Coun
- 下一篇: OkHttpClient源码分析(五)—