很多事我们需要让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],

关于datagrid 垂直滚动条设置相关推荐

  1. 水平滚动条和垂直滚动条设置

    1.overflow内容溢出时的设置(设定被设定对象是否显示滚动条)      overflow-x水平方向内容溢出时的设置      overflow-y垂直方向内容溢出时的设置      以上三个 ...

  2. html设置自动滚动条,css滚动条设置

    用css怎么设置div滚动条的样式,可改变大小的 overflow: auto; 在需要时内容会自动添加滚动条 overflow: scroll; 总是显示滚动条 overflow-x: hidden ...

  3. easyui datagrid 表头固定(垂直滚动条)、列固定(水平滚动条)

    easyui datagrid 表头固定(垂直滚动条).列固定(水平滚动条),每页显示1000行 最近用多了easyui 之后还是觉得它的功能还是很强大的.它原有的功能就已经能够满足90%以上的界面需 ...

  4. 设计一个Windows窗体程序,设置程序,其运行结果如下图所示。垂直滚动条控制字体大小。

    设计一个Windows窗体程序,设置程序,其运行结果如下图所示.一个标签控件的Text属性为"缩放"两个字,它的字体大小取决于垂直滚动条的值(Maximum=72,Minimum= ...

  5. html如何设置滚动条居中,css3内容垂直居中及垂直滚动条例子

    垂直居中用得不少了,我在学习css3中也就碰到过了,在此小编就来为各位介绍css3内容垂直居中及垂直滚动条例子,希望文章对各位有帮助. 内容垂直集中 相对于内容在水平位置,内容在垂直方向是不好把控的, ...

  6. easyui tabs 使用iframe 出现两个垂直滚动条 解决方法

    最近在使用easyui-tabs加iframe时,出现了两个垂直滚动条的现象,如下图所示 前端代码如下: <div id="infoDlg" class="easy ...

  7. unity3d v5.1.1 ugui 带垂直滚动条的文本框

    http://www.cnblogs.com/zhaoqingqing/p/3973167.html?utm_source=tuicool http://blog.csdn.net/rcfalcon/ ...

  8. jQuery控制表格垂直滚动条

    表格table水平自适应,可以设置宽度100% 表格table垂直自适应,需要设置表格的高度,根据高度,表格的垂直滚动条会自动的显示和隐藏 垂直滚动条,需要设置指定的高度,当table的高度超过这个高 ...

  9. java中如何将JScrollPane的垂直滚动条自动移动到最下端

    JPanel QQP = new JPanel(); JScrollPane jsp = new JScrollPane(QQP); JScrollBar jsb = jsp.getVerticalS ...

最新文章

  1. 操作系统:第三章 内存管理2 - 详解虚拟内存,页面置换算法,页面分配策略
  2. Windows Phone 执行模型概述
  3. Matlab——图像缩放(插值法)
  4. React 第十二章 React思想
  5. TCP与UDP传输协议
  6. java queue通信_Java -- 使用阻塞队列(BlockingQueue)控制线程通信
  7. 3732 Ahui Writes Word
  8. 机器学习入门实战——线性支持向量机实战digits数据集
  9. 软件测试工程师的简历怎么写?
  10. 【IOS逆向】基本环境配置和脱壳初体验
  11. DS18B20 数字温度传感器实验
  12. 易懂 | 手把手教你编写你的第一个上位机
  13. SQL Injection Bypassing WAF ——from DVWA ——2012-12-8
  14. (45.5)【API接口漏洞】API接口之Web Service测试工具Soap UI PRO、SOAPSonar、Burp Suite、WSSAT、WS-Attacker
  15. php三D立体模拟,【HTML5】3D模型--百行代码实现旋转立体魔方实例
  16. 广告屏蔽案件的中美相关司法实践初探
  17. 【台大郭彦甫】Matlab入门教程超详细学习笔记六:高阶绘图(附PPT链接)
  18. 《船舶流体力学》知识点总结——1.绪论
  19. 计算机毕业设计开题报告基于SpringBoot的校淘二手网站
  20. element-ui下载失败如下显示解决方法

热门文章

  1. 数据库-笛卡儿积、行选择、列选择
  2. Mybatis中动态sql小结
  3. c语言菜单选择如何用字符形式,第1章 概论-C语言
  4. 小型工厂怎么玩转生产管理系统(MES)?
  5. 解决方案编程苦B和二B程序员别忘了养生
  6. python怎么爬取视频
  7. 查看T265配置信息及参数
  8. html边框上的小箭头,css简单实现带箭头的边框
  9. Ubuntu16.04只有桌面背景,没有桌面图标
  10. AI 替换人类工作的进程感想