【译】创建优雅表格的8个js工具

标签: JavaScript javascript 表格 | 发表时间:2015-07-06 10:08 | 作者:dwqs
出处:http://www.ido321.com

当需要呈现数百个表的数据时,展示和可访问性扮演着至关重要的角色。在这种情况下,倘若一个数据网格能够支持大量数据集的HTML Table并提供诸如排序、搜索、过滤和分页等功能,那是棒棒哒。在这篇文章中,将介绍8个用于创建优雅表格的js工具。

SigmaGrid

SigmaGrid是一个开源的Ajax数据表格组件,可以在一个可滚动和可排序的表格中展示和编辑数据。了解更多,戳此: learn more
SigmaGrid

Ingrid

Ingrid是一个低调的JQuery组件,支持数据网格添加行为(列调整、分页、排序和设置列、行的样式等等)了解更多,戳此: learn more
Ingrid

TableKit

TableKit基于Prototype框架,用于增强HTML表格的功能。了解更多,戳此: TableKit
Tablekit

MyTableGrid

MyTableGrid是基于JavaScript的数据表格,并依赖于Prototype。它允许你用一种简单灵活的方式来展现你的数据。了解更多,戳此: MyTableGrid
MyTableGrid

DataTables – Data Table jQuery plugin

DataTables是一个JQuery插件,具有高度的灵活性,添加了高级交互控制。了解更多,戳此: DataTables
DataTables

jTPS – Datatable jQuery Plugin

jTPS提供了分页、动画滚动页面和aa智能自然排序能力,是一个JQuery插件。了解更多,戳此: jTPS
jTPS

SortedTable

SortedTable是另一个数据表格组件,结合了排序、行选择和移动动能。它的排序功能支持不同的数据类型。了解更多,戳此: SortedTable
SortedTable

dhtmlxGrid

dhtmlxGrid是Ajax驱动的网格控件,支持不同的数据格式,如XML、JSON, CSV, HTML table和自定义的XML格式。了解更多,戳此: dhtmlxGrid
dhtmlxGrid

本文根据@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:简单的拖动效果

【译】Impress.js制作酷炫Presentation PPT

问题:关于一个贴友的js留言板的实现

全屏滚动实现:fullPage.js和fullPage

一个js闭包问题的解答
无觅

转载请注明: 淡忘~浅思 » 【译】创建优雅表格的8个js工具

相关 [表格 js 工具] 推荐:

【译】创建优雅表格的8个js工具

- - 淡忘~浅思
当需要呈现数百个表的数据时,展示和可访问性扮演着至关重要的角色. 在这种情况下,倘若一个数据网格能够支持大量数据集的HTML Table并提供诸如排序、搜索、过滤和分页等功能,那是棒棒哒. 在这篇文章中,将介绍8个用于创建优雅表格的js工具. SigmaGrid是一个开源的Ajax数据表格组件,可以在一个可滚动和可排序的表格中展示和编辑数据.

Google 推出 Javascript 测试工具 Goole JS Test

- ĐƋɳƞѵїχ - 谷奥——探寻谷歌的奥秘
Google JS Test是一个运行于V8 JavaScript引擎下的Javascript单元测试框架,其在Google内部负责对Chrome的快速JS执行速度进行测试,现在Google以开源工程开放大家使用. Google JS Test主要特性:. 超快的启动速度和执行时间,不需要在浏览器里运行.

Google 推出 JavaScript 测试工具 Google JS Test

- Tim - ITeye资讯频道
Google JS Test是一个运行于V8 JavaScript引擎下的JavaScript单元测试框架,其在Google内部负责对Chrome的快速JS执行速度进行测试,现在Google以开源工程开放给大家使用. Google JS Test主要特性:. 超快的启动速度和执行时间,不需要在浏览器里运行.

收集免费的HTML/CSS/JS UI工具包

- - Jackchen Design 1984
随着HTML5和CSS3以及网页设计布局的全面翻新创新改革. 让很多网页设计者和界面设计师都知道一个道理. 这不仅仅是未来提高工作的效率,还能更好的去处理网页整体视觉效果. 优秀的工具包可以让您的工作事半功倍是肯定. 重要的是可以让流程更加清晰快速的呈现出来. 所以对于很多好的网站(比如Facebook,twitter,YaHOO等)你看第一眼就能知道他们所属的风格指向.

超棒的30款JS类库和工具

- - 互联网分析
当设计人员和开发人员真正快速便捷的使用JavaScript类库和工具的同时,他们的生活也就变得更轻松、简单. 你付出的越多,它回报你的也就越多,这正是JS类库和工具需求量很大的原因. 对于Web设计人员和开发人员来说,手里有一套便利的、最新的工具可供使用是极其重要的. Web设计和开发的趋势变化极快,所以拥有最新的工具是必不可少的.

[JS]36个卓越的可视化数据工具(图表库)

- - 设计达人
如果将数据直接以文字形式展示,这样用户阅读起来是非常困难的,所以如果我们使用可视化形式来展示数据,这就会更清晰易懂. 这里由smashingapps整理了36个卓越的可视化数据工具,有地图图表、有柱状图表、饼状、散点等等,是一个不错的list收集. 下面来看看这些可视化数据图表工具,或许会对你的项目带来帮助.

WebView JS 交互

- - ITeye博客
WebView加jquery做页面会怎么样呢. // 创建WebView对象. // 把programList添加到js的全局对象window中,. // 这样就可以使用window.programList来获取数据. * 定义js回调java函数. // 绑定键盘的向上,向下按钮事件触发相应的js事件.

JS游戏引擎

- 米随随 - HTML5研究小组
If you don’t have anything better to do and want to help fellow redditors interested in JS game dev out, feel free to fork the list and modify it as you like.

來源請求.js

- 红烧鲤鱼 - Blog: timdream
很早以前就想講了,但講了大概又會被戰. 相較於英文維基百科,中文維基百科在社會和歷史條目充滿了 systemic bias. 但是那些主觀論述又不是編輯者有意加進去的,而是某種編輯者存在的社會所給予的暗示(Inception?)與集體共識,而不是原本百科全書應該有的可驗證的事實. 因為是暗示又是共識,所以有自覺的百科編輯者反而是少數;中文維基只好長成現在這個樣子了.

Js删除节点

- - JavaScript - Web前端 - ITeye博客
 方式一:传this参数调用方法:.  方式二:js方法中通过选择器获取节点:. //此处删除的是a节点 }. 方式三:通过jQuery方式获取节点:(尚未测试,有待测试. 此处a标签传this到js中,js通过this(即a节点)取parent(即p节点). (1)p.remove();可直接删除整个p节点.