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

　　

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

SigmaGrid

SigmaGrid是一个开源的Ajax数据表格组件，可以在一个可滚动和可排序的表格中展示和编辑数据。

Ingrid

Ingrid是一个低调的JQuery组件，支持数据网格添加行为（列调整、分页、排序和设置列、行的样式等等）。

TableKit

TableKit基于Prototype框架，用于增强HTML表格的功能。

MyTableGrid

MyTableGrid是基于JavaScript的数据表格，并依赖于Prototype。它允许你用一种简单灵活的方式来展现你的数据。

DataTables – Data Table jQuery plugin

DataTables是一个JQuery插件，具有高度的灵活性，添加了高级交互控制。

jTPS – Datatable jQuery Plugin

jTPS提供了分页、动画滚动页面和aa智能自然排序能力，是一个JQuery插件。

SortedTable

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

dhtmlxGrid

dhtmlxGrid是Ajax驱动的网格控件，支持不同的数据格式，如XML、JSON, CSV, HTML table和自定义的XML格式。

原文：http://www.designer-daily.com/8-useful-js-tools-for-better-html-tables-52869

时间： 2024-08-01 22:36:14

创建优雅表格的8个js工具的相关文章

创建优雅表格的8个js工

当需要呈现数百个表的数据时,展示和可访问性扮演着至关重要的角色.在这种情况下,倘若一个数据网格能够支持大量数据集的HTML Table并提供诸如排序.搜索.过滤和分页等功能,那是棒棒哒.在这篇文章中,将介绍8个用于创建优雅表格的js工具. SigmaGrid SigmaGrid是一个开源的Ajax数据表格组件,可以在一个可滚动和可排序的表格中展示和编辑数据.了解更多,戳此:learn more Ingrid Ingrid是一个低调的JQuery组件,支持数据网格添加行为(列调整.分页.排序和设置

封装自己的Common.js工具库

Code/** * Created by LT on 2013/6/16. * Common.js * 对原生JS对象的扩展 * Object.Array.String.Date.Ajax.Cookie */ ;(function(){ Object.extend =function(targetObj,fnJson){ for(var fnName in fnJson){ targetObj[fnName]=fnJson[fnName]; } return targetObj; }; /**

CSV.js – 用于 CSV 解析和编码的 JS 工具库

逗号分隔值(CSV )文件用于以以纯文本的形式存储表格化数据(数字和文本). CSV 文件包含任意数量的记录,通过某种换行符分隔,每条记录由字段,其他一些字符或字符串分隔,最常用的是文字逗号或制表符.CSV.js 是一个简单,超快的用于 CSV 解析和编码的 JavaScript 工具库,兼容浏览器,AMD 和 NodeJS 环境. 您可能感兴趣的相关文章 Web 开发中很实用的10个效果[附源码下载] 精心挑选的优秀jQuery Ajax分页插件和教程 12款经典的白富美型 jQuery 图片

Node.js工具集 bower,yeoman,grunt

最近看到javacodegeeks上的一篇文章Node, Grunt, Bower and Yeoman – A Modern web dev’s Toolkit, 文章介绍了一个web开发的工具集. 正好我今年以来也在使用这套工具集开发Web应用程序,也一直想写一篇文章总结一下这套开发套件的用法,借此机会,参考这篇文章,总结一下我使用这套工具的经验.在的文章中,作者使用angular框架开发,而我,遵循公司的选择,使用Ember.js作为我的开发框架.同时使用Compass进行SCSS的编译.

【JS工具对象系列】（1）URL工具对象

分享自己的js工具对象,如下为URL工具代码: urlUtil={ /** * 返回当前页面的url * @author chencha * @since 2014-07-04 */ getURL: function() { return document.URL; //大写哦! }, /** 返回url参数数组,分别有name和value属性 * @param {String} url - url字符串 * @author chencha * @since 2014-07-04 */ getU

web前端开发分享-css,js工具篇

来源:http://www.cnblogs.com/jikey/p/3607133.html web前端开发乃及其它的相关开发,推荐sublime text, webstorm(jetbrains公司系列产品)这两个的原因在于,有个技术叫emmet, http://docs.emmet.io,而这两个对他的支持是: sublime text 是所有编辑器里边支持emmet比较好的的唯一一款. webstorm是所有编辑器里边唯一内置emmet的一款,并且将emmet的精神往前推动的一款. php

Mysql 登陆&退出、创建&删除&选择数据库、基本数据类型、创建&删除表格

登陆数据库使用登陆命令: shell>mysql [-h host] -u user -p [-D database] Enter password: -h指定的是远程主机,登陆本地数据库可以不用,-D 用于指定登陆之后选择的数据库,如果没有指定数据库,则不进行数据库选择.进入数据库之后,每一条命令之前会有 mysql> 的提示符.mysql中的命令都严格以分号(;)作为命令结束.如果在一条命令没输入完之前换行,会出现 -> 的提示符. 退出数据库的命令: mysql>exit 或

js中创建table表格

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> function createTable(){ var table = document.createElement("table&quo

JavaScript点击按钮创建一个表格

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> div { width: 300px; height: 300px; border: 1px solid pink; } </style> </head> <body> <