[h1]jQuery 表格插件[/h1] [url=http://flexigrid.info/]Flexigrid – Web 2.0 Javscript Grid for jQuery[/url] - 可变列宽，自动适应表头宽度，可通过 Ajax 连接 XML 数据源，类似 Ext Grid，但基于 jQuery 因此更轻量小巧。 [url=http://flexigrid.info/][img]http://files.jb51.net/upload/201004/20100427210143308.jpg[/img] [/url] [url=http://www.chromaloop.com/posts/chromatable-jquery-plugin]Chromatable JQuery Plugin[/url] - 固定表头，可滚动内容区，内容区滚动的时候表头位置保持不变。 [url=http://www.chromaloop.com/posts/chromatable-jquery-plugin][img]http://files.jb51.net/upload/201004/20100427210212807.jpg[/img] [/url] [url=http://www.reconstrukt.com/ingrid/]Ingrid, the jQuery Datagrid[/url] - 在 HTML 表格上加入列宽调整，分页，排序，行列式样等功能（[url=http://www.reconstrukt.com/ingrid/src/example1.html]演示[/url]）。 [url=http://www.reconstrukt.com/ingrid/][img]http://files.jb51.net/upload/201004/20100427210218501.jpg[/img] [/url] [url=http://www.hanpau.com/index.php?page=jqtreetable]JQTreeTable[/url] - 在表格中加入树形结构 [url=http://www.hanpau.com/index.php?page=jqtreetable][img]http://files.jb51.net/upload/201004/20100427210218291.jpg[/img] [/url] [url=http://www.webtoolkit.info/scrollable-html-table.html]Scrollable HTML table[/url] - 将普通 HTML 表格变为可滚动状态。将表头部分放入 THEAD 区，内容部分放入 TBODY 区，脚注部分放入 TFOOT 区域，引用 webtoolkit.scrollabletable.js 文件，然后在每个表格后面创建 ScrollableTable() 对象即可（[url=http://www.webtoolkit.info/demo/scrollable-html-table]演示[/url]）。 [url=http://www.webtoolkit.info/scrollable-html-table.html][img]http://files.jb51.net/upload/201004/20100427210219583.jpg[/img] [/url] [url=http://www.sprymedia.co.uk/article/KeyTable]KeyTable[/url] - 象 Excel 那样，在单元格之间巡游，可以现场编辑。 [url=http://www.sprymedia.co.uk/article/KeyTable][img]http://files.jb51.net/upload/201004/20100427210219140.jpg[/img] [/url] [url=http://blog.rebeccamurphey.com/2007/12/17/graph-table-data-jquery-flot/]graphTable[/url] - 借助 [url=http://code.google.com/p/flot/]flot[/url] 将 HTML 表格中的内容变成图形（[url=http://www.rebeccamurphey.com/jquery/graphTable/table.html]演示[/url]）。 [url=http://blog.rebeccamurphey.com/2007/12/17/graph-table-data-jquery-flot/][img]http://files.jb51.net/upload/201004/20100427210219212.jpg[/img] [/url] [url=http://www.datatables.net/]DataTables[/url] - 非常强大的 jQuery 表格插件，可变宽页码浏览，现场过滤。多列排序，自动探测数据类型，智能列宽，可从几乎任何数据源获取数据。 [url=http://www.datatables.net/][img]http://files.jb51.net/upload/201004/20100427210219504.jpg[/img] [/url] [url=http://www.trirand.com/blog/]jqGrid Plugin[/url] - 基于 Ajax 的 jQuery 表格插件，可以 Ajax 方式从服务器端获取数据填充进来（[url=http://trirand.com/blog/jqgrid/jqgrid.html]演示[/url]）。 [url=http://www.trirand.com/blog/][img]http://files.jb51.net/upload/201004/20100427210219766.jpg[/img] [/url] [url=http://www.filamentgroup.com/lab/jquery_visualize_plugin_accessible_charts_graphs_from_tables_html5_canvas/]Visualize: Accessible Charts & Graphs from Table Elements[/url] - 从 HTML 表格收集数据，并借助 HTML5 Canvas 对象转换为图表。 [url=http://www.filamentgroup.com/lab/jquery_visualize_plugin_accessible_charts_graphs_from_tables_html5_canvas/][img]http://files.jb51.net/upload/201004/20100427210219395.jpg[/img] [/url] [url=http://boriscy.github.com/grider/]Grider[/url] - 一个简单的 jQuery 插件，可以对 HTML 表格进行计算，平均，累加，最大值，最小值等。 [url=http://boriscy.github.com/grider/][img]http://files.jb51.net/upload/201004/20100427210219737.jpg[/img] [/url] [h1]表格功能增强[/h1] [url=http://www.isocra.com/2008/02/table-drag-and-drop-jquery-plugin/]Table Drag and Drop[/url] - 通过拖放，对表格中的数据重新排列，可以设置禁止拖放的行。 [url=http://www.isocra.com/2008/02/table-drag-and-drop-jquery-plugin/][img]http://files.jb51.net/upload/201004/20100427210219612.jpg[/img] [/url] [url=http://plugins.jquery.com/project/tablePagination]Table Pagination[/url] - 在表格下方自动生成分页导航。 [url=http://plugins.jquery.com/project/tablePagination][img]http://files.jb51.net/upload/201004/20100427210220135.jpg[/img] [/url] [url=http://pure-essence.net/2008/02/26/jquery-plugin-tablerowcheckboxtoggle/]tableRowCheckboxToggle[/url] - 可根据 class name 对表格的行自动 check on/off [url=http://pure-essence.net/2008/02/26/jquery-plugin-tablerowcheckboxtoggle/][img]http://files.jb51.net/upload/201004/20100427210220183.jpg[/img] [/url] [url=http://plugins.jquery.com/project/bstablecrosshair]BS Table Crosshair Plugin[/url] - 鼠标在表格上移动时，所经过的单元格自动交叉加亮 [url=http://plugins.jquery.com/project/bstablecrosshair][img]http://files.jb51.net/upload/201004/20100427210220513.jpg[/img] [/url] [url=http://code.google.com/p/jqtable2csv/]jqtable2csv[/url] - 将 HTML 表格转换为 SVG 字符串。 [url=http://franca.exofire.net/jq/colorize]Colorize[/url] - 自动对表格间隔行使用不同背景颜色 [url=http://franca.exofire.net/jq/colorize][img]http://files.jb51.net/upload/201004/20100427210220902.jpg[/img] [/url] [url=http://www.jankoatwarpspeed.com/post/2009/07/20/Expand-table-rows-with-jQuery-jExpand-plugin.aspx]jExpand[/url] - 一个非常轻量的 jQuery 插件，可以展开/关闭表格单元格，使表格可以容纳更多内容。 [url=http://www.jankoatwarpspeed.com/post/2009/07/20/Expand-table-rows-with-jQuery-jExpand-plugin.aspx][img]http://files.jb51.net/upload/201004/20100427210220693.jpg[/img] [/url] [url=http://p.sohei.org/jquery-plugins/columnhover/]columnHover[/url] - 鼠标经过时，可以整列加亮，甚至支持 colspans 和 rowspans [url=http://p.sohei.org/jquery-plugins/columnhover/][img]http://files.jb51.net/upload/201004/20100427210220600.jpg[/img] [/url] [url=http://www.jnathanson.com/blog/client/jquery/heatcolor/index.cfm]HeatColor[/url] - 根据规则，或自动对表格中的值进行分析，对不同范围的值按不同颜色区分。 [url=http://www.jnathanson.com/blog/client/jquery/heatcolor/index.cfm][img]http://files.jb51.net/upload/201004/20100427210220438.jpg[/img] [/url] [url=http://fixedheadertable.mmalek.com/]Fixed Header Table[/url] - 固定表头可滚动表格 [url=http://fixedheadertable.mmalek.com/][img]http://files.jb51.net/upload/201004/20100427210220763.jpg[/img] [/url] [h1]表格搜索，筛选[/h1] [url=http://ideamill.synaptrixgroup.com/?page_id=16]tableFilter[/url] - 给表格添加简单的筛选功能。 [url=http://ideamill.synaptrixgroup.com/?page_id=16][img]http://files.jb51.net/upload/201004/20100427210221995.jpg[/img] [/url] [url=http://gregweber.info/projects/uitablefilter]uiTableFilter[/url] - 根据条件筛选（隐藏）表格行 [url=http://gregweber.info/projects/uitablefilter][img]http://files.jb51.net/upload/201004/20100427210221565.jpg[/img] [/url] [url=http://tablesorter.com/docs/]Tablesorter 2.0[/url] - 将普通的，拥有 THEAD 和 TBODY 标签的表格转换为可排序表格，可以分析多种数据，支持多列排序。 [url=http://tablesorter.com/docs/][img]http://files.jb51.net/upload/201004/20100427210221237.jpg[/img] [/url] [url=http://www.picnet.com.au/picnet_table_filter.html]PicNet Table Filter[/url] - 实时的，Google 式筛选功能 [url=http://www.picnet.com.au/picnet_table_filter.html][img]http://files.jb51.net/upload/201004/20100427210221244.jpg[/img] [/url] [url=http://tinysort.sjeiti.com/]jQuery tinysort[/url] - 排序 [url=http://tinysort.sjeiti.com/][img]http://files.jb51.net/upload/201004/20100427210221225.jpg[/img] [/url] [url=http://www.digitalinferno.net/blog/jquery-plugin-livefilter-1-1/]LiveFilter 1.1[/url] - 非常轻量的表格筛选插件，部署非常简单。 [url=http://www.digitalinferno.net/blog/jquery-plugin-livefilter-1-1/][img]http://files.jb51.net/upload/201004/20100427210221285.jpg[/img] [/url] [url=http://code.google.com/p/jqtablesearch/]jQtablesearch[/url] - 快速搜索，非常快 [url=http://code.google.com/p/jqtablesearch/][img]http://files.jb51.net/upload/201004/20100427210221762.jpg[/img] [/url] [url=http://github.com/riklomas/quicksearch]Quicksearch[/url] - 简单的搜索功能 [h1]jQuery 现场编辑[/h1] [url=http://dev.iceburg.net/jquery/tableEditor/demo.php]TableEditor – Flexible in place editing of TableSorter[/url] - 现场编辑表格内容，用户可以插入 Ajax 机制回存数据 [url=http://dev.iceburg.net/jquery/tableEditor/demo.php][img]http://files.jb51.net/upload/201004/20100427210221267.jpg[/img] [/url] [url=http://sites.google.com/a/zoqui.com/www/jgrideditor]jGridEditor[/url] - 现场编辑，可配置 Ajax 回存数据 [url=http://sites.google.com/a/zoqui.com/www/jgrideditor][img]http://files.jb51.net/upload/201004/20100427210222364.jpg[/img] [/url] 本材料原始来源：Nope [url=http://www.noupe.com/javascript/jquery-html-table-toolbox.html]jQuery HTML Table Toolbox[/url] (原文作者:[i]Paul Andrew[/i])