jQuery 表格工具集_jquery

jQuery 表格插件

Flexigrid – Web 2.0 Javscript Grid for jQuery - 可变列宽，自动适应表头宽度，可通过 Ajax 连接 XML 数据源，类似 Ext Grid，但基于 jQuery 因此更轻量小巧。

Chromatable JQuery Plugin - 固定表头，可滚动内容区，内容区滚动的时候表头位置保持不变。

Ingrid, the jQuery Datagrid - 在 HTML 表格上加入列宽调整，分页，排序，行列式样等功能（演示 ）。

JQTreeTable - 在表格中加入树形结构

Scrollable HTML table - 将普通 HTML 表格变为可滚动状态。将表头部分放入 THEAD 区，内容部分放入 TBODY 区，脚注部分放入 TFOOT 区域，引用 webtoolkit.scrollabletable.js 文件，然后在每个表格后面创建 ScrollableTable() 对象即可（0 ）。

1

2 - 象 Excel 那样，在单元格之间巡游，可以现场编辑。

3

4 - 借助 5 将 HTML 表格中的内容变成图形（6 ）。

7

8 - 非常强大的 jQuery 表格插件，可变宽页码浏览，现场过滤。多列排序，自动探测数据类型，智能列宽，可从几乎任何数据源获取数据。

9

Chromatable JQuery Plugin0 - 基于 Ajax 的 jQuery 表格插件，可以 Ajax 方式从服务器端获取数据填充进来（Chromatable JQuery Plugin1 ）。

Chromatable JQuery Plugin2

Chromatable JQuery Plugin3 - 从 HTML 表格收集数据，并借助 HTML5 Canvas 对象转换为图表。

Chromatable JQuery Plugin4

Chromatable JQuery Plugin5 - 一个简单的 jQuery 插件，可以对 HTML 表格进行计算，平均，累加，最大值，最小值等。

Chromatable JQuery Plugin6

表格功能增强

Chromatable JQuery Plugin7 - 通过拖放，对表格中的数据重新排列，可以设置禁止拖放的行。

Chromatable JQuery Plugin8

Chromatable JQuery Plugin9 - 在表格下方自动生成分页导航。

0

1 - 可根据 class name 对表格的行自动 check on/off

2

3 - 鼠标在表格上移动时，所经过的单元格自动交叉加亮

4

5 - 将 HTML 表格转换为 SVG 字符串。

6 - 自动对表格间隔行使用不同背景颜色

7

8 - 一个非常轻量的 jQuery 插件，可以展开/关闭表格单元格，使表格可以容纳更多内容。

9

Ingrid, the jQuery Datagrid0 - 鼠标经过时，可以整列加亮，甚至支持 colspans 和 rowspans

Ingrid, the jQuery Datagrid1

Ingrid, the jQuery Datagrid2 - 根据规则，或自动对表格中的值进行分析，对不同范围的值按不同颜色区分。

Ingrid, the jQuery Datagrid3

Ingrid, the jQuery Datagrid4 - 固定表头可滚动表格

Ingrid, the jQuery Datagrid5

表格搜索，筛选

Ingrid, the jQuery Datagrid6 - 给表格添加简单的筛选功能。

Ingrid, the jQuery Datagrid7

Ingrid, the jQuery Datagrid8 - 根据条件筛选（隐藏）表格行

Ingrid, the jQuery Datagrid9

演示0 - 将普通的，拥有 THEAD 和 TBODY 标签的表格转换为可排序表格，可以分析多种数据，支持多列排序。

演示1

演示2 - 实时的，Google 式筛选功能

演示3

演示4 - 排序

演示5

演示6 - 非常轻量的表格筛选插件，部署非常简单。

演示7

演示8 - 快速搜索，非常快

演示9

0 - 简单的搜索功能

jQuery 现场编辑

1 - 现场编辑表格内容，用户可以插入 Ajax 机制回存数据

2

3 - 现场编辑，可配置 Ajax 回存数据

4

本材料原始来源：Nope