用户界面框架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