关于datagrid 垂直滚动条设置

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/hht006158/article/details/88893837

很多事我们需要让datagrid  显示滚动条

<div class="easyui-layout" style="width:100%;height:450px;">
<div data-options="region:'center',split:false,collapsible:false" style="width:80%;" title="应付辅料明细">
<table id="charge" class="easyui-datagrid" width="100%" height="100%"></table>
</div> 
</div>

js里面

 onLoadSuccess: cellTipFilter,
        //singleSelect:false,
   rownumbers:true,//显示行号列
fitColumns:true,//折叠适合datagrid宽度

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