• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 整理了12款Javascript 表格控件(DataGrid)

整理了12款Javascript 表格控件(DataGrid)

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含Javascript,表格控件等相关知识,佚名 希望在学习及工作中可以帮助到您
当在设计时设置了DataGrid 控件的 DataSource 属性后,就会用数据源的记录集来自动填充该控件,以及自动设置该控件的列标头。然后您就可以编辑该网格的列;删除、重新安排、添加列标头、或者调整任意一列的宽度。

1. Flexigrid

Flexigrid

Flexigrid是一个类似于Ext Gird,但基于jQuery开发的Grid。它具有的功能包括:可以调整列宽,合并列标题,分页,排序,显示/隐藏表格等。Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。

2. Yahoo! UI Library: DataTable (演示地址)

Yahoo! UI Library: DataTable

该DataTable控件提供的功能有:排序、列宽调整、分页、inline editing、row selection等。

3. jqGrid

jqGrid

jqGrid是一个Ajaxed jQuery Grid插件。提供分页功能,添加、编辑、删除和搜索表中记录,支持多种数据类型输入:XML,JSON,Array等,多行选择,支持子表格,集成日期选择控件等等。

4. tableFormSynch (演示地址)

tableFormSynch是一个表格与表单数据相互更新的jQuery插件。它提供的功能包括:基于表单中的数据,新增行。删除所选择行,并清除表单中的所有数据。tableFormSynch支持所有表单控件包括:checkboxes、radio、buttons、select

5. DataTables

DataTables

DataTables是一个jQuery插件,能够让HTML表格很方便地实现分页、过滤和多栏排序等功能。DataTables可以使用本身自带的CSS样式,但还可以按自己的需要自定义CSS样式。它具有以下特征:

  • 自适应栏宽
  • 可保存表格状态
  • 可隐含列
  • 动态创建表格
  • Ajax自动装载数据
  • 丰富的分页类型
  • 多栏排序和高亮显示

6. OmniGrid

OmniGrid

OmniGrid是一个采用Mootools1.2开发的表格控件与FlexGrid jQuery和SortableTable相似。具有分页,排序,Ajax数据加载,添加/修改/删除表格数据功能等。

7. moodgets Grid (演示地址)

moodgets Grid

moodgets Grid是一个基于Mootools框架开发,易于使用,可扩展的表格控件。拖动调整表格列宽,排序,多行或单行选择,单击表格单元格可编辑,分页,通过Ajax加载数据。

8. MyTableGrid (演示地址)

MyTableGrid

MyTableGrid是一个基于是Prototype框架开发的DataGrid控件,用于以一种更易于浏览和更灵活的方式来展示数据。它提供Ajax支持的快速分页和数据排序功能,可以拖动调整数据列宽度,隐藏不需要显示的列。

9. GT-Grid

GT-Grid

国内一个为打造成为GT-Grid成为世界级的列表组件,方便支持多种应用。可以纯客户端应用,也可以选择内置JAVA服务端作为其服户端。

10. obout v3 Grid for ASP.NET

obout v3 Grid for ASP.NET

速度比较快的Asp.net Grid。它的卓越表示在于:百万级别数据记录加载只用1秒

11. Table widget (演示地址)

Table widget

这个控件能够将正常的HTML Table转成可排序,固定表头的Table。

12. jExpand (演示地址)

jExpand

jExpand是一个可以让表格具备可伸缩功能的jQuery插件。利用这个功能可以帮助你更好地组织表格,让表格承载更多的消息比如图片,列表,图表和其它元素。

您可能想查找下面的文章:

  • 浅谈JavaScript中浏览器兼容的问题
  • 页面重构技能-Javascript、CSS篇
  • 整理了12款Javascript 表格控件(DataGrid)
  • 整理了12款Javascript 表格控件(DataGrid)
  • Javascript 树形菜单 (11个)
  • 9款很棒的网页绘制图表JavaScript框架脚本
  • DOM编程艺术第二章
  • JavaScript利用URL向后台传入中文参数乱码问题解决之道

相关文章

  • 2018-08-23汽车交互专题!全方位解读特斯拉Model 3中控大屏交互布局
  • 2018-08-232018年高手总结了21条最值得掌握的移动App 设计基本原则
  • 2017-08-06网页核心内容的视觉表现方式介绍(图文)
  • 2018-08-23这8个字体设计和排版技巧,是2018年的设计趋势
  • 2018-08-23用这个方法临摹作品,你的UI自学才最有效!
  • 2018-08-23看似花哨的UI概念动效,并不只是为了耍酷而存在
  • 2017-08-06B2C 网站用户体验细节设计参考
  • 2017-08-06CSS 连接地址后面加上问号(?)表示什么意思?
  • 2018-08-232017年德国IF设计大奖金奖出炉了,都有哪些精彩的设计?
  • 2018-08-23进阶好文!让人舒服的的交互设计稿该有的5个特点

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 为什么39%的设计工作可能被人工智能取代?
    • struts2跳转后css和js失效的问题解决思路及实现步骤
    • 趁年轻做些更有挑战的事情!专访Twitter 产品设计师王源
    • 腾讯实战案例!如何用服务设计打造未来银行?
    • 从事用研6年后,我总结了这四个最重要的技能
    • 掌握这7个原则,帮你快速提高产品的可访问性
    • 网站开发人员应该知道的61件事
    • 在设计流程中,通过这6种方式来运用信息架构
    • 高手私藏系列!怎样的PPT 配色会让人觉得舒服?
    • AR KIT有哪些玩法?来看这些超好玩的案例!

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有