惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Attack and Defense Labs
Attack and Defense Labs
The GitHub Blog
The GitHub Blog
C
Check Point Blog
博客园_首页
MongoDB | Blog
MongoDB | Blog
N
Netflix TechBlog - Medium
F
Full Disclosure
Microsoft Security Blog
Microsoft Security Blog
爱范儿
爱范儿
Recent Announcements
Recent Announcements
阮一峰的网络日志
阮一峰的网络日志
G
GRAHAM CLULEY
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
T
Threat Research - Cisco Blogs
C
Cybersecurity and Infrastructure Security Agency CISA
V
Vulnerabilities – Threatpost
K
Kaspersky official blog
博客园 - 司徒正美
S
Schneier on Security
T
The Exploit Database - CXSecurity.com
Project Zero
Project Zero
云风的 BLOG
云风的 BLOG
Cisco Talos Blog
Cisco Talos Blog
Know Your Adversary
Know Your Adversary
雷峰网
雷峰网
V
V2EX - 技术
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
Spread Privacy
Spread Privacy
罗磊的独立博客
K
KPMG report finds enterprise disconnect between AI and its ROI | CIO
S
Security Affairs
SecWiki News
SecWiki News
Schneier on Security
Schneier on Security
O
OpenAI News
Jina AI
Jina AI
PCI Perspectives
PCI Perspectives
Cyberwarzone
Cyberwarzone
Y
Y Combinator Blog
Apple Machine Learning Research
Apple Machine Learning Research
B
Blog RSS Feed
I
InfoQ
D
Docker
P
Palo Alto Networks Blog
Recorded Future
Recorded Future
M
MIT News - Artificial intelligence
博客园 - Franky
B
Blog
Scott Helme
Scott Helme
博客园 - 叶小钗
D
DataBreaches.Net

博客园 - ifishing

VI操作 HTML中小meta的大作用【转】 10种AJAX/JavaScript特效实例让你的网站更吸引人 10 Smart Javascript Techniques to Improve Your UI [译] JavaScript核心指南(JavaScript Core) 【转】 IE7浏览器模式中表格tr/td渲染的一个bug 强制将IE8设置为IE7兼容模式来解析网页【转】 jquery 模块拖拽【转】 jquery的Theme和Theme Switcher使用【转】 打败 IE 的葵花宝典:CSS Bug Table【转】 三谈Iframe自适应高度【转】 ff3.5已不再支持 -moz-opacity[转] 玩转jquery插件之flexigrid 【转】 JS实例:网页上图片延迟加载的JS代码 图片预加载并且自动等比例缩放的JS插件[转] IE9允许前端开发获取到页面性能数据 Web开发者必须收藏的十大网站【转】 【转】打开,另存为,属性等14个javascript代码 【转】js实现另存为的方法 - ifishing - 博客园
jQuery表格插件:帮助Web设计者驾御HTML表格【转】
ifishing · 2010-07-12 · via 博客园 - ifishing

本文搜集了大量 jQuery 表格插件,帮助 Web 设计者更好地驾御 HTML 表格,你可以对表格进行横向和竖向排序,设置固定表头,对表格进行搜索,对大表格进行分页,对表格进行滚动,拖放操作等等。这些插件很多都包含详细的教程。

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() 对象即可(演示)。

 

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

 

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

 

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

 

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

 

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

 

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

 

表格功能增强

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

 

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

 

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

 

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

 

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

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

 

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

 

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

 

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

 

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

 

表格搜索,筛选

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

 

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

 

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

 

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

 

jQuery tinysort - 排序

 

LiveFilter 1.1 - 非常轻量的表格筛选插件,部署非常简单。

 

jQtablesearch - 快速搜索,非常快

 

Quicksearch - 简单的搜索功能

jQuery 现场编辑

TableEditor – Flexible in place editing of TableSorter - 现场编辑表格内容,用户可以插入 Ajax 机制回存数据

 

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

 

1、tablesorter
tablesorter 这个jQuery插件能够将带THEAD与TBODY标签的标准HTMLTable转换成一个可排序的表格。tablesorter能够排序多种数据类型包括Text、URIs、integers、currency、floats、IP地址、日期、时间和自定义的数据类型。支持拥有复杂表头表格的排序,支持二级隐藏排序,支持多种浏览器:IE6.0+、FF2+、Safari2.0+、Opera9.0+。


访问:tablesorter

2、Flexigrid是一个类似于Ext Gird,但基于jQuery开发的Grid。它具有的功能包括:可以调整列宽,合并列标题,分页,排序,显示/隐藏表格等。Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。

项目主页: http://plugins.jquery.com/project/flexigrid

3、Table Filter – awesome!.

功能说明:此插件最大的有点就是能够根据输入动态查询  自动筛选。