`

jQuery 表格工具集

阅读更多

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

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

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 回存数据

本材料原始来源:Nope jQuery HTML Table Toolbox (原文作者:Paul Andrew)

中文编译来源:锐商企业CMS 网站内容管理系统 官方网站



分享到:
评论

相关推荐

    jQuery表格内容修改删除代码.zip

    综上所述,"jQuery表格内容修改删除代码"是一个实用的前端开发工具,它利用jQuery的灵活性和Bootstrap的美观性,实现了表格的动态编辑和删除功能,为网页的数据展示带来了更多的可能性。开发者可以根据自己的需求...

    jquery表格排序插件

    总结起来,“jQuery表格排序插件”如“jquery.table.sort.js”是一个增强HTML表格功能的工具,它使得开发者无需编写复杂的JavaScript代码就能实现表格数据的动态排序。通过正确地设置HTML结构、引入库文件、初始化...

    jQuery表格 可选择导出各种格式

    1. 使用`buttons`扩展,这是DataTables内置的导出工具集。例如,添加`'buttons.exportData'`可以导出表格数据。 2. 配置导出按钮,指定导出格式和设置。例如,`buttons.csvHtml5`用于导出CSV,`buttons_excelHtml5`...

    37款开源jQuery表格插件

    本文将详细介绍几款开源的jQuery表格插件,帮助读者更好地理解和使用这些工具。 #### 1. jQuery网格插件 jqGrid **简介** jqGrid 是一个非常强大的用于显示网格数据的jQuery插件。它的文档详尽且提供了中文版本,...

    jquery表格排序搜索

    在“jquery表格排序搜索”这个主题中,我们将深入探讨如何利用jQuery实现功能丰富的表格,包括数据的排序和搜索功能。 首先,jQuery的表格排序功能允许用户通过点击表头来对表格数据进行升序或降序排列。这通常涉及...

    jqgrid jquery 表格插件

    总的来说,jqGrid是一款功能齐全、高度可定制的jQuery表格插件,对于开发高效的数据管理界面非常有用。无论是新手还是经验丰富的开发者,都能从中受益。通过深入学习和实践,你可以利用jqGrid构建出符合业务需求的...

    可展开列的jQuery表格插件

    jQuery库是JavaScript的一个强大工具集,它简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。通过使用jQuery,开发者可以编写更简洁、更易读的代码,同时减少浏览器之间的兼容性问题。这款可展开列的jQuery...

    jQuery,涉及到jQuery的框架集介绍及使用

    二、jQuery框架集 jQuery生态系统中包含了众多插件和框架,用于扩展其功能。例如: 1. jQuery UI:官方提供的用户界面库,提供了多种可定制的组件,如日期选择器、对话框、拖放等。 2. Bootstrap:一个流行的前端...

    jQuery树状json数据转表格插件.zip

    本项目“jQuery树状json数据转表格插件”是针对JSON数据的一种处理工具,它能将复杂的树状JSON结构转换成易于阅读的表格形式,尤其适用于数据展示和分析。 这个插件利用了jQuery的灵活性和高效性,通过原生的...

    jquery数据统计饼图+表格动态效果现实

    总的来说,"jQuery数据统计饼图+表格动态效果实现"是一个实用的示例,展示了如何结合使用jQuery和其他工具来创建交互式的数据可视化应用。通过学习和实践此类项目,开发者能够提升自己在数据展示和用户体验设计方面...

    jQuery表格插件

    jQuery表格插件是一种广泛应用于网页开发中的工具,它利用JavaScript库jQuery的强大功能,为开发者提供了一种简单、高效的方式来创建和操作动态、交互式的表格。这些插件通常包含丰富的功能,如排序、过滤、分页、...

    js jquery实现table假分页

    这篇博客的标题和描述指向了一个使用jQuery来实现表格假分页的实践案例。下面,我们将详细讨论这个主题,包括关键知识点和实现步骤。 1. **jQuery基础**:jQuery是一个轻量级的JavaScript库,它简化了DOM操作、事件...

    jquery 表格排序

    jQuery表格排序插件`tablesorter`是这个场景下的一个优秀解决方案。它提供了丰富的功能和自定义选项,使得开发者能够快速地为HTML表格添加动态排序的能力。下面我们将深入探讨`tablesorter`插件的相关知识点。 1. *...

    jQuery分页动态数据表格插件.zip

    总的来说,"jQuery分页动态数据表格插件.zip"是一个用于构建高效、交互性强的Web数据展示工具,它利用jQuery的强大功能,结合Ajax和CSS,实现了数据的动态加载、分页显示以及丰富的用户交互。开发者可以根据自身需求...

    Spring Boot+MybatisPlus使用JQuery DataTables表格插件展示数据、实现分页和模糊查询等功能

    Spring Boot结合MybatisPlus框架提供了高效的数据处理能力,而JQuery DataTables表格插件则是一个强大的前端工具,可以方便地实现这些功能。下面将详细介绍这个集成方案的相关知识点。 1. **Spring Boot** Spring ...

    js/jquery图形表格类特效,组件

    在JavaScript和jQuery的世界里,图形表格类特效与组件是网页交互设计中不可或缺的一部分。它们能够以生动、直观的方式展示数据,提升用户体验。本资源包含13个不同的组件,旨在帮助开发者构建具有动态效果和视觉吸引...

    JQuery TreeGrid(表格)

    总之,jQuery TreeGrid 是一个强大的工具,可以轻松地将普通的HTML表格转变为交互性强、可折叠的树状视图,适用于各种需要层次结构数据展示的场景。结合提供的使用说明和示例文档,开发者可以快速上手并灵活地应用到...

Global site tag (gtag.js) - Google Analytics