jQuery EasyUI是一组基于jQuery的UI插件集合体，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。 本经验是 【jQuery EasyUI从入门到精通】系列教程的第21部分，在第20部分基础上，继续讲述 jQuery EasyUI Web Demos之DataGrid（数据表格）。
工具/原料
1
笔记本电脑或是台式机
2
互联网
3
jQuery EasyUI
4
DataGrid（数据表格）
方法/步骤
1Loading nested subgrid data - jQuery EasyUI Demo
Nested SubGrid（嵌套的子表格），Loading nested subgrid data（加载嵌套子表格数据）.Click the expand button to expand row and view subgrid（点击扩展按钮用来扩展行以及显示子表格）.HTML基本结构如下：
Loading nested subgrid data
Click the expand button to expand row and view subgrid.
2
Nested SubGrid（嵌套的子表格）案例，Javascript代码如下所示：
3
Nested SubGrid（嵌套的子表格）运行效果如下图所示：
4Display large amount of data in DataGrid without pagination - jQuery EasyUI Demo
Large Data（大数据），Display large amount of data in DataGrid without pagination（在数据表格中显示大量数据但不使用分页）.HTML基本结构如下：
Display large amount of data in DataGrid without pagination
Enter record count and press load button.
Record Count: Load
| Inv No | Date | Name | Amount | Price | Cost | Note |
|---|
5
Large Data（大数据）案例，Javascript代码如下图所示：
6
Display large amount of data in DataGrid without pagination（在数据表格中显示大量数据但不使用分页），运行效果如下图所示：
注意事项
jQuery EasyUI插件依赖于JQuery，需要在easyui.min.js之前引入JQuery库
上一篇：刚性防水定义与分类
下一篇：艾灸后留下的艾灰有什么作用