• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >jquery > 基于jQuery的表格操作插件

基于jQuery的表格操作插件

作者: 字体:[增加 减小] 来源:互联网 时间:2017-08-16

通过本文主要向大家介绍了jQuery,表格操作等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
大多数前端er都把网页中的table标签替换为div,主要就是因为div要比table更容易添加CSS样式。但是我们在日常应用中仍然要用到table表格,其中最好的例子就是对照表。今天彬Go将向大家推荐15个jQuery表格插件让你对数据表格进行显示、排序、筛选和操控。如jQuery表格排序插件、jQuery表格拖拽插件、jQuery树形表格插件、设置颜色、点击、替换等效果。

1.DataTables-强大的jQuery表格插件

datatables-jquery-插件

DataTables是提供了大量特性的强大jQuery表格插件。例如:你可以自动轻松筛选、Ajax预读取数据、分页、列排序、高亮排序列、扩展插件支持、使用CSS或jQuery UI ThemeRoller 定制主题和完整文档。

2.uiTableFilter-jQuery表格过滤插件

ui-table-filter-jquery-插件

uiTableFilter是一个用于表格行筛选的jQuery插件。插件作者提供了详细的例子来告诉大家如何将自己的表格和插件整合在一起并完成表格筛选。

3.Scrollable HTML Table-jQuery表格滚动插件

scrollable-html-table-jquery

Scrollable HTML Table jQuery插件可以让你的表格变得可以滚动控制。

买空间、服务器就上主机网(CNIDC.COM) 虚拟主机评测+IDC导航=IDC123.COM。

4.Tablesorter-jQuery表格排序插件

tablesorter-jquery-插件

Tablesorter这个jQuery插件是用来将一个包含thead和tbody标签的标准HTML表格转变为无页面刷新的可排序表格。它不但支持多列排序,而且跨浏览器兼容并且能通过widget系统进行扩展。

5.Flexigrid-Web2.0 jQuery表格插件

flexigrid-jquery

Flexigrid 是一个轻量级的Web2.0 jQuery插件。它包含很多非常Cool的特性,如主题定制、分页、工具栏、搜索、排序、ajax读取数据源、调整列宽高尺寸等。

6.HeatColor-jQuery表格颜色插件

heatcolor-jquery

HeatColor可以让你根据元素的值来为元素设置颜色。 它的值的比对时根据预设的一个范围来进行比较,最后对他们自动进行颜色值的设置。

买空间、服务器就上主机网(CNIDC.COM) 虚拟主机评测+IDC导航=IDC123.COM。

7.JQTreeTable-jQuery树形表格插件

jqtreetable-jquery

使用JQTreeTable插件你可以得到一个树形表格,如果用户的浏览器禁用了JavaScript,那么他们也能看到普通形式的表格,并不影响可访问性。

8.Ingrid-jQuery表格插件

ingrid-jquery-表格-插件

Ingrid是另一个数据表jQuery插件。它也有很多特性,比如列调整尺寸、排序、行列添加样式等。在作者网站提供了很棒的文档来告诉大家如何从头使用这个jQuery表格插件。

9.jQuery ColumnManager plugin

jquery-column-manager-jquery-表格插件

columnManager是可以控制任意表格列显示或隐藏的jQuery插件,而且它可以保存当前表格的状态至你下次访问。这个jQuery插件非常小巧轻量,仅3.6kb。

买空间、服务器就上主机网(CNIDC.COM) 虚拟主机评测+IDC导航=IDC123.COM。

10.jQuery treeTable-jQuery树形表格插件

jquery-treetable-树形表格插件

jQuery treeTable是小型的JQTreeTable, 它也能让你的table显示成树形结构. 这个插件也可以在浏览器禁用JavaScript时保持文档整洁并让原始table可以使用.

11.CSV2Table-CSV格式读取表格插件

csv2table-jQuery表格插件

CSV2Table 可以读取CSV文件,它从CSV文件中读取内容并创建成table表格.

12.Table Pagination-jQuery表格分页插件

table-pagination-jQuery表格插件

这个jQuery表格分页插件可以在表格下面创建分页元素,你还可以通过各种设置来定制分页。

买空间、服务器就上主机网(CNIDC.COM) 虚拟主机评测+IDC导航=IDC123.COM。

13.jQuery TableRowCheckboxToggle

jquery-table-插件

这个jQuery表格插件可以让你再点击表格行的时候改变多选框状态并修改该行CSS样式。

14.Table Drag and Drop jQuery plugin-jQuery表格拖拽插件

这个简单的jQuery插件可以让用户使用拖拽行的方式重新排列表格各行,任意单独行可以设置为不可拖拽和/或不可放置。

15.uiTableEdit

uiTableEdit是由Greg Weber制作的很酷的jQuery表格编辑插件,它允许用户编辑表格内容。

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • 基于jQuery对象和DOM对象和字符串之间的转化实例
  • jquery+css实现简单的图片轮播效果
  • 使用jQuery实现鼠标点击左右按钮滑动切换
  • jQuery实现上传图片前预览效果功能
  • jQuery初级教程之网站品牌列表效果
  • 基于jquery实现多选下拉列表
  • jQuery接受后台传递的List的实例详解
  • 详解jquery选择器的原理
  • jQuery上传插件webupload使用方法
  • 关于jquery form表单序列化的注意事项详解

相关文章

  • 2017-08-16jQuery Easyui datagrid/treegrid 清空数据
  • 2017-08-16jquery的ajax简单结构示例代码
  • 2017-08-16自己动手写的jquery分页控件(非常简单实用)
  • 2017-08-16jQuery插件FusionCharts实现的3D柱状图效果实例【附demo源码下载】
  • 2017-08-16jQuery用noConflict代替$的实现方法
  • 2017-08-16jQuery移动页面开发中的触摸事件与虚拟鼠标事件简介
  • 2017-08-16基于Jquery的将DropDownlist的选中值赋给label的实现代码
  • 2017-08-16jquery获取tr中控件值并操作tr实现思路
  • 2017-08-16使用Jquery搭建最佳用户体验的登录页面之记住密码自动登录功能(含后台代码)
  • 2017-08-16jQuery提交多个表单的小技巧

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • div模拟选择框示例代码
    • 基于jQuery的为attr添加id title等效果的实现代码
    • jQuery中事件对象e的事件冒泡用法示例介绍
    • 加载列表时jquery获取ul中第一个li的属性
    • 基于jquery的$.ajax async使用
    • jquery中animate动画积累的解决方法
    • jQuery左侧大图右侧小图焦点图幻灯切换代码分享
    • jQuery图片轮播实现并封装(一)
    • jQuery中的编程范式详解
    • jQuery Validate表单验证插件的基本使用方法及功能拓展

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有