jQuery EasyUI是一组基于jQuery的UI插件集合体，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。 本经验是 【jQuery EasyUI从入门到精通】系列教程的第19部分，在第18部分基础上，继续讲述 jQuery EasyUI Web Demos之DataGrid（数据表格）。
工具/原料
1
笔记本电脑或是台式机
2
互联网
3
jQuery EasyUI
4
DataGrid（数据表格）
方法/步骤
1DataGrid Cell Style - jQuery EasyUI Demo
DataGrid Cell Style（数据表格单元格风格），The cells which listprice value is less than 30 are highlighted.
DataGrid Cell Style
The cells which listprice value is less than 30 are highlighted.
| Item ID | Product | List Price | Unit Cost | Attribute | Status |
|---|
2
DataGrid Cell Style（数据表格单元格风格），运行效果如下图所示。
3Footer Rows in DataGrid - jQuery EasyUI Demo
Footer Rows in DataGrid（数据表格的尾行），The summary informations can be displayed in footer rows（汇总信息可以被显示在尾行）.
Footer Rows in DataGrid
The summary informations can be displayed in footer rows.
| Item ID | Product ID | List Price | Unit Cost | Attribute | Status |
|---|
4
Footer Rows in DataGrid（数据表格的尾行），运行效果如下图所示。
5Merge Cells for DataGrid - jQuery EasyUI Demo
Merge Cells for DataGrid（数据表格合并单元格），Cells in DataGrid body can be merged（数据表格体中的单元格可以被合并）.
Merge Cells for DataGrid
Cells in DataGrid body can be merged.
| Product | Item ID | List Price | Unit Cost | Attribute | Status |
|---|
6
Merge Cells for DataGrid（数据表格合并单元格），运行效果如下图所示。
注意事项
jQuery EasyUI插件依赖于JQuery，需要在easyui.min.js之前引入JQuery库
上一篇：C# 如何合并、拆分Word文档
下一篇：天使怎么增加子弹