`

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)

分享到:
评论

相关推荐

    原创jQuery表格插件

    【原创jQuery表格插件】是一种基于JavaScript库jQuery开发的组件,旨在增强网页中的表格功能,使其具有更丰富的交互性和灵活性。jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax...

    强大的jQuery表格插件

    **jQuery表格插件详解** jQuery表格插件是前端开发中常用的一种工具,它极大地提升了HTML表格的功能性和用户体验。本文将深入探讨这些插件的特点、优势以及如何利用它们创建功能丰富的数据展示界面。 ### 1. ...

    37款开源jQuery表格插件

    ### 37款开源jQuery表格插件概览 在网页应用开发中,表格常常被用于展示数据,使得信息更加清晰直观。随着Web前端技术的发展,尤其是JavaScript库的日益完善,开发者们有了更多选择来实现这一功能。其中,jQuery...

    Datatables jquery表格插件

    Datatables是一款基于jQuery的开源表格插件,广泛应用于网页数据展示和管理。它以其丰富的功能、高度的灵活性和良好的社区支持而备受青睐。这个插件的主要目标是将静态或者动态生成的HTML表格转变为具有强大交互性的...

    jQuery表格插件仿Excel表格排序修改效果

    在本主题“jQuery表格插件仿Excel表格排序修改效果”中,我们将深入探讨如何利用jQuery实现类似Excel的表格排序功能,并对其进行优化和定制。 首先,我们需要了解jQuery表格插件的基础。常见的jQuery表格插件有...

    jquery表格插件jqgrid

    **jQuery表格插件jqGrid详解** jqGrid是一款强大的基于JavaScript的开源网格控件,它能够为Web应用程序提供灵活、功能丰富的数据展示和操作界面。这款插件是jQuery库的一个扩展,专为处理大量数据和实现复杂的表格...

    jquery表格插件带分页动态数据表格代码

    在这个“jquery表格插件带分页动态数据表格代码”项目中,我们重点探讨的是如何利用jQuery实现一个功能丰富的表格,包括数据分页和动态加载。 一、jQuery表格插件 表格插件通常是基于jQuery构建的,用于增强HTML...

    jquery表格插件

    在本篇文章中,我们将深入探讨jQuery表格插件的基本概念、核心功能以及如何在实际项目中应用。 首先,了解jQuery是至关重要的。jQuery是一个快速、简洁的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax...

    Jquery表格插件jqGrid 4.3.0及其Demo

    **jQuery表格插件jqGrid 4.3.0详解** jqGrid是一款基于JavaScript的开源网格控件,它充分利用了jQuery库的强大功能,为Web开发者提供了丰富的数据展示和操作功能。jqGrid 4.3.0是该插件的一个重要版本,它在前一...

    jquery表格插件。支持快速排序 ,样式多变

    《jQuery表格插件:实现快速排序与样式多样化》 在Web开发中,表格是一种常见的数据展示方式,尤其在处理大量结构化数据时。jQuery作为一款强大的JavaScript库,为开发者提供了丰富的功能,包括对表格的处理。本文...

    jquery表格插件Flexigrid

    综上所述,Flexigrid是一个强大且灵活的jQuery表格插件,它提供了丰富的功能和高度的可定制性,适合用于构建数据密集型的Web应用。掌握上述知识点,将有助于你有效地使用和优化Flexigrid,创建出符合用户需求的高效...

    可展开列的jQuery表格插件

    **jQuery表格插件详解** 在Web开发中,数据展示是一个重要的环节,特别是在处理大量结构化信息时。jQuery作为一款广泛使用的JavaScript库,提供了许多插件来简化开发过程,其中之一便是"可展开列的jQuery表格插件...

    jqgrid jquery 表格插件

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

    jQuery表格插件带分页控制代码.zip

    在这个“jQuery表格插件带分页控制代码.zip”压缩包中,我们聚焦于一个特定的应用场景:使用jQuery来实现带有分页功能的数据表格。这种技术在网页应用中非常常见,尤其在展示大量数据时,可以提高用户体验并优化页面...

    DataTables - jQuery表格插件

    DataTables是一款基于jQuery库的强大的表格插件,它极大地增强了HTML表格的功能,提供了丰富的排序、搜索、分页、列操作等交互性功能。这个插件的设计目标是为开发者提供一个高度可定制、易于使用的工具,使得网页上...

    创建自己的jquery表格插件

    创建自定义的jQuery表格插件涉及到前端开发的多个技术点。以下从各个方面详细阐述实现该插件时需要掌握的知识点。 ### jQuery基础 jQuery是一个快速、简洁的JavaScript库,它极大地简化了HTML文档遍历、事件处理、...

    基于Bootstrap的表格头固定的jQuery表格插件

    jquery-table-fixed-head是一款基于Bootstrap的表格头固定的jQuery表格插件。通过该jQuery插件,可以非常容易的使原生Bootstrap的表格在向下滚动时表格头位置固定不动,非常实用。

    jsGrid jQuery表格插件

    **jsGrid:jQuery表格插件详解** jsGrid是一款强大的、轻量级的JavaScript表格插件,它基于jQuery库,能够帮助开发者快速构建功能丰富的数据表格。这款插件以其易用性、灵活性和高效的性能,广泛应用于各类小型内容...

    jQuery表格插件(ayGrid)

    ayGrid是一个基于jQuery的表格插件,可实现在表格上在线修改、增加、删除、保存数据!其中,单元格的编辑可以实现CheckBox、ComboBox、Input的输入方式。表格数据传输基于JSON。

Global site tag (gtag.js) - Google Analytics