怎么给easyui中的datagrid加水平滚动条
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么给easyui中的datagrid加水平滚动条相关的知识,希望对你有一定的参考价值。
参考技术A 加了fitColumns属性,datagrid会显示在固定的宽度内。这时,各列设定的宽度是失效的,不会出现滚动条。不加则datagrid会根据各列设定的宽度显示,并且当内容溢出时显示滚动条。
easyui datagrid 表头固定(垂直滚动条)列固定(水平滚动条),每页显示1000行
最近用多了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],
以上是关于怎么给easyui中的datagrid加水平滚动条的主要内容,如果未能解决你的问题,请参考以下文章