创建优雅表格的8个js工具
2015-07-10 19:15
696 查看
【译】创建优雅表格的8个js工具
JavaScript dwqs 2015-07-06 10:08 280 人阅读 0评论当需要呈现数百个表的数据时,展示和可访问性扮演着至关重要的角色。在这种情况下,倘若一个数据网格能够支持大量数据集的HTML Table并提供诸如排序、搜索、过滤和分页等功能,那是棒棒哒。在这篇文章中,将介绍8个用于创建优雅表格的js工具。
SigmaGrid
SigmaGrid是一个开源的Ajax数据表格组件,可以在一个可滚动和可排序的表格中展示和编辑数据。了解更多,戳此:learn more![](http://ido321.qiniudn.com/qiniu/1608/image/0379e0d51931404cd8a6ef6a151eb549.jpg)
Ingrid
Ingrid是一个低调的JQuery组件,支持数据网格添加行为(列调整、分页、排序和设置列、行的样式等等)了解更多,戳此:learn more![](http://ido321.qiniudn.com/qiniu/1608/image/3b615fbfcb404c7d29fe52d623d51aad.jpg)
TableKit
TableKit基于Prototype框架,用于增强HTML表格的功能。了解更多,戳此:TableKit![](http://ido321.qiniudn.com/qiniu/1608/image/5748a09fa650cb3c736512a3e8631b9a.jpg)
MyTableGrid
MyTableGrid是基于JavaScript的数据表格,并依赖于Prototype。它允许你用一种简单灵活的方式来展现你的数据。了解更多,戳此:MyTableGrid![](http://ido321.qiniudn.com/qiniu/1608/image/cf4d3803189235350a48a651e8ee8c95.jpg)
DataTables – Data Table jQuery plugin
DataTables是一个JQuery插件,具有高度的灵活性,添加了高级交互控制。了解更多,戳此:DataTables![](http://ido321.qiniudn.com/qiniu/1608/image/42836ca6888f87ef17d0c19913bde04d.jpg)
jTPS – Datatable jQuery Plugin
jTPS提供了分页、动画滚动页面和aa智能自然排序能力,是一个JQuery插件。了解更多,戳此:jTPS![](http://ido321.qiniudn.com/qiniu/1608/image/abfe5f3a979edeba47602dd56952bdda.jpg)
SortedTable
SortedTable是另一个数据表格组件,结合了排序、行选择和移动动能。它的排序功能支持不同的数据类型。了解更多,戳此:SortedTable![](http://ido321.qiniudn.com/qiniu/1608/image/de3631f409fc5dd780bf393ff1d909fd.jpg)
dhtmlxGrid
dhtmlxGrid是Ajax驱动的网格控件,支持不同的数据格式,如XML、JSON, CSV, HTML table和自定义的XML格式。了解更多,戳此:dhtmlxGrid![](http://ido321.qiniudn.com/qiniu/1608/image/3c75a84b4590babefa2be00734424e94.jpg)
本文根据@Nicolas Bevacqua的《8 useful js tools for better HTML tables》所译,整个译文带有我自己的理解与思想,如果译得不好或有不对之处还请同行朋友指点。如需转载此译文,需注明英文出处:http://www.designer-daily.com/8-useful-js-tools-for-better-html-tables-52869/。
相关文章推荐
- js函数中获得当前被点击元素
- JSP——JSTL标签库
- Json入门
- JSON详解
- 在浏览器中使用JS打开并展示PDF文件
- javascript实现下班倒计时效果的方法(可桌面通知)
- js实现图片自动轮播
- JavaScript清空数组元素的两种方法简单比较
- js动态添加节点到兄弟节点
- JSP页面中预览本地图片
- JavaScript实现的类字典插入或更新方法实例
- js刷新页面和跳转
- javascript 内部函数的定义及调用
- JavaScript模板引擎用法实例
- js画线
- 在VS中让一个JS文件智能提示另一个JS文件中的成员
- JavaScript实现打字效果的方法
- JavaScript的一些小技巧(转)
- c#json字符串和对象的相互转换
- 用Button调用JSP/Servlet