jQuery EasyUI是一组基于jQuery的UI插件集合体，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。 本经验是 【jQuery EasyUI从入门到精通】系列教程的第14部分，在第13部分基础上，继续讲述 jQuery EasyUI Web Demos之DataGrid（数据表格）。
工具/原料
1
笔记本电脑或是台式机
2
互联网
3
jQuery EasyUI
4
DataGrid（数据表格）
方法/步骤
1Custom DataGrid Pager - jQuery EasyUI Demo
Custom DataGrid Pager（自定义数据表格分页），You can append some buttons to the standard datagrid pager bar（你可以附加一些按钮在标准的数据表格分页器上）.
Custom DataGrid Pager
You can append some buttons to the standard datagrid pager bar.
| Item ID | Product | List Price | Unit Cost | Attribute | Status |
|---|
2
Custom DataGrid Pager（自定义数据表格分页），运行效果如下图所示。
3DataGrid Pagination - jQuery EasyUI Demo
Server Side Pagination（服务器端分页），Click the page bar to change page number or page size.
DataGrid Pagination Demo
Click the page bar to change page number or page size.
Pagination on Style
| Item ID | Product ID | List Price | Unit Cost | Attribute | Stauts |
|---|
4
Server Side Pagination（服务器端分页），运行效果如下图所示。
5Client Side Pagination in DataGrid - jQuery EasyUI Demo
Client Side Pagination in DataGrid（数据表格的客户端分页），This sample shows how to implement client side pagination in DataGrid（这个例子展示了如何实现数据表格上的客户端分页）.HTML基本结构
Client Side Pagination in DataGrid
This sample shows how to implement client side pagination in DataGrid.
| Inv No | Date | Name | Amount | Price | Cost | Note |
|---|