笔记本电脑或是台式机
互联网
jQuery EasyUI
DataGrid（数据表格）
DataGrid Virtual Scroll View Demo（DataGrid虚拟滚动视图案例），Drag the vertical scroll and release it to navigate to the desired page（拖动垂直滚动条，并将其释放到所需的页导航。）.html基本结构如下：
DataGrid Virtual Scroll View Demo
| Inv No | Date | Name | Amount | Price | Cost | Note |
|---|
DataGrid Virtual Scroll View Demo（DataGrid虚拟滚动视图案例），Javascript代码如下所示：
DataGrid Virtual Scroll View Demo（DataGrid虚拟滚动视图案例），运行效果如下图所示：
Virtual Scroll View(虚拟滚动视图)(Detail Rows，细节行),DataGrid Virtual Scroll View with Detail Rows.Navigate to the desired page and click the expand button to expand a detail row.该案例HTML基本结构如下：
DataGrid Virtual Scroll View with Detail Rows
| Inv No | Date | Name | Amount | Price | Cost | Note |
|---|
DataGrid Virtual Scroll View with Detail Rows案例，Javascript代码如下所示：
DataGrid Virtual Scroll View with Detail Rows，运行效果如下图所示：
Fluid DataGrid（流式数据网格），This example shows how to assign percentage width to a column in DataGrid（这个例子展示了如何在DataGrid的列分配百分比宽度）.
Fluid DataGrid
This example shows how to assign percentage width to a column in DataGrid.
| Item ID(15%) | Product(15%) | List Price(15%) | Unit Cost(15%) | Attribute(25%) | Status(15%) |
|---|
Fluid DataGrid（流式数据表格），运行效果如下图所示：
至此， jQuery EasyUI Web Demos之DataGrid（数据表格）课程全部结束。
jQuery EasyUI插件依赖于JQuery，需要在easyui.min.js之前引入JQuery库