jQuery 表格工具集.docx

jQuery 表格工具集.docx

《jQuery 表格工具集.docx》由会员分享，可在线阅读，更多相关《jQuery 表格工具集.docx（13页珍藏版）》请在冰豆网上搜索。

jQuery表格工具集

jQuery表格工具集

本文搜集了大量jQuery表格插件，帮助Web设计者更好地驾御HTML表格，你可以对表格进行横向和竖向排序，设置固定表头，对表格进行搜索，对大表格进行分页，对表格进行滚动，拖放操作等等。

这些插件很多都包含详细的教程。

jQuery表格插件 

Flexigrid–Web2.0JavscriptGridforjQuery -可变列宽，自动适应表头宽度，可通过Ajax连接XML数据源，类似ExtGrid，但基于jQuery因此更轻量小巧。

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

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

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

ScrollableHTMLtable -将普通HTML表格变为可滚动状态。

将表头部分放入THEAD区，内容部分放入TBODY区，脚注部分放入TFOOT区域，引用webtoolkit.scrollabletable.js文件，然后在每个表格后面创建ScrollableTable（）对象即可（演示）。

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

graphTable -借助 flot 将HTML表格中的内容变成图形（演示）。

DataTables -非常强大的jQuery表格插件，可变宽页码浏览，现场过滤。

多列排序，自动探测数据类型，智能列宽，可从几乎任何数据源获取数据。

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

Visualize:

AccessibleCharts&GraphsfromTableElements -从HTML表格收集数据，并借助HTML5Canvas对象转换为图表。

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

表格功能增强 

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

TablePagination -在表格下方自动生成分页导航。

tableRowCheckboxToggle -可根据classname对表格的行自动checkon/off

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

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

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

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

columnHover -鼠标经过时，可以整列加亮，甚至支持colspans和rowspans

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

FixedHeaderTable -固定表头可滚动表格

表格搜索，筛选 

tableFilter -给表格添加简单的筛选功能。

uiTableFilter -根据条件筛选（隐藏）表格行

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

PicNetTableFilter -实时的，Google式筛选功能

jQuerytinysort -排序

LiveFilter1.1 -非常轻量的表格筛选插件，部署非常简单。

jQtablesearch -快速搜索，非常快

Quicksearch -简单的搜索功能

jQuery现场编辑 

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

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

本材料原始来源：

Nope jQueryHTMLTableToolbox （原文作者:

PaulAndrew）