zoukankan      html  css  js  c++  java
  • easyui datagrid 表头固定(垂直滚动条)、列固定(水平滚动条)

    最近用多了easyui 之后还是觉得它的功能还是很强大的。它原有的功能就已经能够满足90%以上的界面需求。

    1、当数据行很多时,会呈现垂直的滚动条,但是向下滚动,表头却被淹没了,这不符合人类偷懒的特点(我怎么可能记得住每列的数据代表的意思!),所以需要固定表头。

     datagrid.datagrid({
                 fit: true

    });

    对,没错,就是这个属性,就这么简单!我也是看了网上的各位大神之后才懂。我看了多遍easyui的api(当然是中文的)没有!!下次看看英文原版(啊!我的英语水平)。

    2、当数据列很多时,会出现水平滚动条。某些列时特定要一直显示的。

     datagrid.datagrid({
             frozenColumns: [[
                         { field: 'Name', title: '名称', 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],

  • 相关阅读:
    生成纯数字随机编号的示例.sql
    程序员真的很懒
    (Coding for Concurrency).sql
    加载托管代码调试的扩展命令
    缺勤天数统计的处理示例.sql
    各种字符串合并处理示例.sql
    查询缺号分布情况的示例.sql
    控制CLR的调试
    UseCommandBehavior.cs
    Flat Icons & Icon Fonts
  • 原文地址:https://www.cnblogs.com/ZGQ-VIP/p/10212329.html
Copyright © 2011-2022 走看看