用户界面框架jQuery EasyUI示例大全之DataGrid（1/4）

<jQuery EasyUI最新试用版免费下载>

jQuery EasyUI致力于帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。jQuery EasyUI提供了基于当下流行的jQuery core和HTML5的控件，助您打造适合当今网络的应用程序。

基本的数据网格

本示例主要为大家展示了基本的数据网格，数据网格由标记创建的，不需要JavaScript代码。【附源代码供大家参考】

|在线Demo

从表格中转换数据网格

本示例主要演示了从现有的、未格式化的HTML表格中转换数据网格。【另附源代码供大家参考】

|在线Demo

数据网格的行边框

本演示主要为大家展示了如何更改数据网格的行边框样式。【另附源代码供大家参考】

|在线Demo

数据网格选择

本演示主要为大家展示了数据网格的选择，首先选择一个选择模式，然后选择一行或多行。【另附源代码供大家参考】

|在线Demo

数据网格中的复选框选择

本演示主要为大家展示了数据网格中的复选框选择，点击标题中的复选框来选择或取消所有选择。【另附源代码供大家参考】

|在线Demo

具有工具栏的数据网格

本演示主要展示了具有工具栏的数据网格，在数据网格的顶部放置工具栏。【另附源代码供大家参考】

|在线Demo

数据网格的复杂工具栏

数据网格的工具栏可以通过一个div标记来定义，因此你可以很容易地定义工具栏布局。【另附源代码供大家参考】

|在线Demo

数据网格筛选行

本示例主要演示了如何自定义DataGrid的过滤器菜单。【另附源代码供大家参考】

|在线Demo

数据网格中的远程过滤

本演示主要为大家展示了在数据网格组件中如何应用远程过滤和分页。【另附源代码供大家参考】

|在线Demo

自定义DataGrid Pager

本演示主要为大家展示了如何自定义DataGrid Pager，你可以在标准的datagrid pager工具栏中附加一些按钮。【另附源代码供大家参考】

|在线Demo