用户界面框架jQuery EasyUI示例大全之DataGrid（1/4）-控件新闻-慧都网

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

原创|使用教程|编辑：龚雪|2016-01-14 09:34:39.000|阅读 805 次

概述：jQuery EasyUI致力于帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。本文主要为大家收集了jQuery EasyUI的DataGrid示例，欢迎品鉴！

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

基本的数据网格

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

|在线Demo

从表格中转换数据网格

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

|在线Demo

数据网格的行边框

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

|在线Demo

数据网格选择

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

|在线Demo

数据网格中的复选框选择

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

|在线Demo

具有工具栏的数据网格

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

|在线Demo

数据网格的复杂工具栏

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

|在线Demo

数据网格筛选行

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

|在线Demo

数据网格中的远程过滤

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

|在线Demo

自定义DataGrid Pager

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

|在线Demo

购买最新正版授权！""

标签：JavaScript HTML5 UI界面 HTML5/JS

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@capbkgr.cn

文章转载自：慧都控件网

上一篇：Visual Paradigm使用技巧：使用标签管理用户故事下一篇：Wijmo金融图表系列：平均K线图&砖形图

彩票走势图

在线采购

中文文档库

试用/Demo下载

开发社群