表格是最常见的一种数据展现形式，分为表头、表体、表尾；表头是由各种字段描述组成的，表体是由行和列组成的，表尾一般有分页组成的。EasyUI框架DataGrid控件就是表格组件，利用它可以创建表格数据和分页。下面利用一个具体实例说明DataGrid的用法，操作如下：
工具/原料
1
EasyUI
2
eclipse
3
jdk1.8
4
Tomcat8.x
5
截图工具
6
浏览器
7
CSS3
8
HTML5
方法/步骤
1
第一步，在web项目目录里创建静态页面table.html，并修改
2
第二步，在标题下方引入EasyUI相关的CSS和JS文件，如下图所示：
3
，并引入表格样式以及数据源，如下图所示：
第三步，在body元素内部插入
4
第四步，编辑表格数据源student.json，设置表格需要的字段以及字段值，如下图所示：
5
第五步，在表格下方添加一个按钮，jQuery初始化函数内部编写获取选中某行某列字段值，如下图所示：
6
第六步，启动Tomcat服务器，在浏览器中预览页面；选中表格某一行，单击按钮，页面弹出选中行的某个字段值（这里是第一个字段），如下图所示：
注意事项
1
注意EasyUI框架DataGrid控件字段描述跟数据源字段一致
2
熟练掌握DataGrid获取选中的方法