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],

相关文章
相关标签/搜索