• 《寻梦环游记》《至爱梵高》 明年奥斯卡种子选手且看且珍惜 2018-06-23
  • 海南特区改革开放30年:闯出一片辽阔的海 2018-06-23
  • 黑龙江省近三年有400多名责任人因破坏营商环境被处理 2018-06-23
  • 右玉:锣鼓喧天庆盛世 万民欢腾闹元宵 2018-06-23
  • 【手绘H5】我们的领袖习近平 2018-06-23
  • 上市公司并购新三板企业升温 2018-06-23
  • 特朗普再与世界"为敌" 多国斥其关于耶路撒冷决定 2018-06-22
  • 严防“两节”期间“四风”反弹 持续保持高压态势 2018-06-22
  • 反转!华南理工大学否认向莱阳14岁神童发送考察函 2018-06-21
  • 中国出版集团公司总裁谭跃委员:唱响新时代的好声音 2018-06-21
  • 新華網評:分享經濟,別演成分享的“獨角戲” 2018-06-20
  • 红薯会越放越甜吗 如何保存红薯最科学? 2018-06-20
  • 猪肉创八年新低部分养殖户巨亏离场 行业加速洗牌 2018-06-19
  • 招商证券:创业板反弹压力逐渐显现 2018-06-19
  • “一拖二快三”足球比分直400余名应届大学毕业生成为部队“准警官” 2018-06-19
  • 【jeasyui教程】jQuery EasyUI 树形菜单 - 创建复杂树形网格

    栏目: jeasyui 发布于: 2014-11-27 20:55:35

    jQuery EasyUI 树形菜单 - 创建复杂树形网格

    树形网格(TreeGrid)可以展示有限空间上带有多列和复杂数据电子表格。本教程将演示如何将表格数据排列在分割的网格和多行表头中,以便组织共同的数据。

    创建树形网格(TreeGrid)

    	<table title="Complex TreeGrid" class="easyui-treegrid" style="width:550px;height:250px"
    			url="data/treegrid2_data.json"
    			rownumbers="true" showFooter="true"
    			idField="id" treeField="region">
    		<thead frozen="true">
    			<tr>
    				<th field="region" width="150">Region</th>
    			</tr>
    		</thead>
    		<thead>
    			<tr>
    				<th colspan="4">2009</th>
    				<th colspan="4">2010</th>
    			</tr>
    			<tr>
    				<th field="f1" width="50" align="right">1st qrt.</th>
    				<th field="f2" width="50" align="right">2st qrt.</th>
    				<th field="f3" width="50" align="right">3st qrt.</th>
    				<th field="f4" width="50" align="right">4st qrt.</th>
    				<th field="f5" width="50" align="right">1st qrt.</th>
    				<th field="f6" width="50" align="right">2st qrt.</th>
    				<th field="f7" width="50" align="right">3st qrt.</th>
    				<th field="f8" width="50" align="right">4st qrt.</th>
    			</tr>
    		</thead>
    	</table>
    

    正如您所看到的,树形网格(Treegrid)的使用和数据网格(Datagrid)一样。请使用 'frozen' 属性来定义冻结列,列的 'colspan' 和 'rowspan' 属性来定义多行表头。

    下载 jQuery EasyUI 实例

    jeasyui-tree-treegrid2.zip


    本文转载自:w3cschool
    本站文章除注明转载外,均为本站原创或编译?;队魏涡问降淖?,但请务必注明出处。
    转载请注明:文章转载自 七星彩票平台
    本文标题:【jeasyui教程】jQuery EasyUI 树形菜单 - 创建复杂树形网格
    IT技术书籍推荐:
    Python学习手册(第4版)
    Python学习手册(第4版)
    鲁特兹 (Mark Lutz) (作者), 李军 (译者), 刘红伟 (译者), 等 (译者)
    《Python学习手册(第4版)》内容简介:学习Python的主要内建对象类型:数字、列表和字典。使用Python语句创建和处理对象,并且学习Python的通用语法模型。使用函数构造和重用代码,函数是Python的基本过程工具。学习Python??椋悍庾坝锞?、函数以及其他工具,以便构建较大的组件。学习Python的面向对象编程工具,用于组织程序代码。学习异常处理模型,以及用于编写较大程序的开发工具。了解高级Python工具,如装饰器、描述器、元类和Unicode处理等。