Home  >  Article  >  Web Front-end  >  jQuery table toolset_jquery

jQuery table toolset_jquery

WBOY
WBOYOriginal
2016-05-16 18:28:431526browse

jQuery 表格插件

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

jQuery table toolset_jquery

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

jQuery table toolset_jquery

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

jQuery table toolset_jquery

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

jQuery table toolset_jquery

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

jQuery table toolset_jquery

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

jQuery table toolset_jquery

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

jQuery table toolset_jquery

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

jQuery table toolset_jquery

jqGrid Plugin - 基于 Ajax 的 jQuery 表格插件,可以 Ajax 方式从服务器端获取数据填充进来(演示 )。

jQuery table toolset_jquery

Visualize: Accessible Charts & Graphs from Table Elements - 从 HTML 表格收集数据,并借助 HTML5 Canvas 对象转换为图表。

jQuery table toolset_jquery

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

jQuery table toolset_jquery

表格功能增强

Table Drag and Drop - 通过拖放,对表格中的数据重新排列,可以设置禁止拖放的行。

jQuery table toolset_jquery

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

jQuery table toolset_jquery

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

jQuery table toolset_jquery

BS Table Crosshair Plugin - 鼠标在表格上移动时,所经过的单元格自动交叉加亮

jQuery table toolset_jquery

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

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

jQuery table toolset_jquery

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

jQuery table toolset_jquery

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

jQuery table toolset_jquery

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

jQuery table toolset_jquery

Fixed Header Table - 固定表头可滚动表格

jQuery table toolset_jquery

表格搜索,筛选

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

jQuery table toolset_jquery

uiTableFilter - 根据条件筛选(隐藏)表格行

jQuery table toolset_jquery

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

jQuery table toolset_jquery

PicNet Table Filter - 实时的,Google 式筛选功能

jQuery table toolset_jquery

jQuery tinysort - Sorting

jQuery table toolset_jquery

LiveFilter 1.1 - A very lightweight table filter plug-in, very simple to deploy.

jQuery table toolset_jquery

jQtablesearch - Fast search, very fast

jQuery table toolset_jquery

Quicksearch - Simple search function

jQuery Live Editing

TableEditor – Flexible in place editing of TableSorter - Edit table content on-site, users can insert Ajax mechanism to save data

jQuery table toolset_jquery

jGridEditor - On-site editing, configurable Ajax to save data back

jQuery table toolset_jquery

Original source of this material: Nope jQuery HTML Table Toolbox (Original author: Paul Andrew)

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn