HTML中创建优雅表格八大JS工具不能缺

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

当需要呈现数百个表的数据时,展示和可访问性扮演着至关重要的角色。在这种情况下,倘若一个数据网格能够支持大量数据集的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/

 
责任编辑:王雪燕 来源: 淡忘~浅思的博客
相关推荐

2022-06-09 08:23:33

预测分析工具人工智能

2010-04-19 11:23:26

Oracle开发工具

2011-04-29 09:15:16

Servlet

2018-11-01 14:59:42

2023-05-17 15:22:45

识别开源工具

2023-12-19 16:45:35

2022-01-05 09:26:56

IT灾难IT故障

2011-08-17 13:55:25

VoIPPBX

2009-06-22 14:07:46

JSF优势

2010-08-27 17:48:38

CSS

2010-08-05 13:33:06

Flex布局规则

2010-12-09 10:20:59

2024-05-06 12:20:00

缓存驱逐缓存

2024-04-24 09:52:19

云技能云迁移云计算

2010-11-22 10:44:13

2010-11-29 11:02:50

职场

2009-11-04 14:30:22

2023-12-27 11:45:09

2015-01-19 14:56:53

SaaS应用云应用移动互联

2012-05-10 16:45:54

linux系统
点赞
收藏

51CTO技术栈公众号