开发者社区> 楚广明> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

jquery插件整理篇(七)表格插件

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


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


Flexigrid  

(2)Ingrid


这个jQuery DataGrid提供的功能有:可以拖动调整列宽,分页,排序,设置行/列样式等。


Ingrid    

(3)jQuery Grid


jqGrid是一个Ajaxed jQuery Grid插件。提供分页功能,添加、编辑、删除和搜索表中记录,支持多种数据类型输入:XML,JSON,Array等,多行选择,支持子表格,集成日期选择控件等等。

Demo 热点图书:www.hotbook.cn



jQuery Grid

(4)tableHover


tableHover一个jQuery插件当鼠标经过时,能够对表格的一整列或行进行着色加亮。支持colspans与rowspans的表格。


tableHover  热点图书:www.hotbook.cn

(5)JQuery.Resizer 

一个轻量级jQuery插件用于创建可以拖动调整行高与列宽的表格。

JQuery.Resizer

(6)tablesorter


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


tablesorter

(7)csv2table


csv2table这个插件能够将CVS文件(利用Excel创建)的内容转换成HTML Table。

jQuery表格排序插件,点击表格中对应列的头部单元,表格立即重新排序。

Tablesorter | Demo



csv2table

(8)tableFormSynch


tableFormSynch 是一个表格与表单数据相互更新的jQuery插件。它提供的功能包括:基于表单中的数据,新增行。删除所选择行,并清除表单中的所有数据。 tableFormSynch支持所有表单控件包括:checkboxes、radio、buttons 与<select>。


tableFormSynch

热点图书:www.hotbook.cn
 

9. DataTables

 

DataTables是一个jQuery插件,能够让HTML表格很方便地实现分页、过滤和多栏排序等功能。DataTables可以使用本身自带的CSS样式,但还可以按自己的需要自定义CSS样式。它具有以下特征:

  • 自适应栏宽

  • 可保存表格状态

  • 可隐含列

  • 动态创建表格

  • Ajax自动装载数据

  • 丰富的分页类型

  • 多栏排序和高亮显示

    热点图书:www.hotbook.cn
  •  
10.jExpand (演示地址)

 

 

jExpand是一个可以让表格具备可伸缩功能的jQuery插件。利用这个功能可以帮助你更好地组织表格,让表格承载更多的消息比如图片,列表,图表和

 

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
jQuery的图片剪切插件2
imgAreaSelect imgAreaSelect is a jQuery plugin for selecting a rectangular area of an image. It allows web developers to easily implement image c...
806 0
jQuery的图片剪切插件2
imgAreaSelect imgAreaSelect is a jQuery plugin for selecting a rectangular area of an image. It allows web developers to easily implement image c...
628 0
jQuery的图片剪切插件
crop » the jQuery Image Cropping Plugin http://deepliquid.com/content/Jcrop.html   CropZoom http://www.
730 0
jQuery的图片剪切插件
crop » the jQuery Image Cropping Plugin http://deepliquid.com/content/Jcrop.html   CropZoom http://www.
659 0
【精心挑选】10款基于 jQuery 的图片360度旋转插件
  之前的文章向大家分享了实现网站功能的各种优秀的 jQuery 插件,今天这篇文章向大家推荐10款基于 jQuery 的图片360度旋转插件,同时还有非常详细的制作教程可以学习和参考。图片旋转展示是一种非常有趣的技术,通过把多张图片合并在一起让你可以实现360度浏览,这种效果常用于旅游网站或者酒店网站,用于展示风景或者房间的内景。
1020 0
10个最佳jQuery Lightbox效果插件收集
  大家都很喜欢 Lightbox 弹框效果,这种效果在很多地方都很有用。而原始的 Lightbox 脚本已经被无数次的克隆到了所有的流行 Javascript 库中。本文特别收集了10个最佳的Lightbox效果插件,所以收藏本文吧,不定什么时候你就用到了…… 您可能感兴趣的相关文章 ...
943 0
+关注
楚广明
10年导入咨询顾问经验,敏捷中国 第一届中国高峰会讲员,行业实施:中国移动、中华联合保险、中国民航信息 ANZ 澳新银行、戴姆勒奔驰汽车、广州证券、浦发银行、爱德万测试、蔚来汽车、清华大学、努比亚、顺丰速运、迅雷、时趣互动......等企业 Atlassian 敏捷项目
506
文章
1
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载