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插件。利用这个功能可以帮助你更好地组织表格,让表格承载更多的消息比如图片,列表,图表和

 
目录
相关文章
|
JavaScript
原生Js显示富文本效果demo(整理)
原生Js显示富文本效果demo(整理)
|
JavaScript 前端开发 Java
jquery实现动态表格项目(表格增加删除/全选/表格变色特效等功能)(附源码+javaWEB开发如果需要可以直接使用)
jquery实现动态表格项目(表格增加删除/全选/表格变色特效) 🍅 Java学习路线:搬砖工的Java学习路线 🍅 作者:程序员小王 🍅 程序员小王的博客:https://www.wolai.com/wnaghengjie/ahNwvAUPG2Hb1Sy7Z8waaF 🍅 扫描主页左侧二维码,加我微信 一起学习、一起进步 🍅 欢迎点赞 👍 收藏 ⭐留言 📝
335 0
jquery实现动态表格项目(表格增加删除/全选/表格变色特效等功能)(附源码+javaWEB开发如果需要可以直接使用)
|
前端开发
Web前端开发笔记——第三章 CSS语言 第四节 CSS列表、表格样式
Web前端开发笔记——第三章 CSS语言 第四节 CSS列表、表格样式
Web前端开发笔记——第三章 CSS语言 第四节 CSS列表、表格样式
|
前端开发
【笔记12】无缝滚动插件的使用
① 第一次工作的第一项目要求做如下图所示的【无缝滚动】效果,这把我难倒了。 ② 两个同事,一个用轮播图,一个用 CSS。虽然我不知道咋实现,但觉得这俩方法好 low(一点思路也没有的我更 low) ③ 我实在不知道如何实现,我各种网上搜索。最后,终于等到你,还好我没有放弃。
152 0
【笔记12】无缝滚动插件的使用
那些酷炫的网页你也可以做到——第五篇(表格标签)
那些酷炫的网页你也可以做到——第五篇(表格标签)
145 0
那些酷炫的网页你也可以做到——第五篇(表格标签)
|
JavaScript HTML5 移动开发
|
定位技术
leaflet实用插件整理
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/gisdoer/article/details/82796650 leaflet实用插件整理 leafletjs地图框架,在地图这块功能还是强大,而且支持插件扩展和自定义开发。
1455 0
|
存储 JavaScript 前端开发
前端常用功能记录(二)—datatables表格
  并不是所有的后台开发都有美工和前端工程师来配合做页面,为了显示数据并有一定的美感,jQuery的DataTables插件对于像我这样的前端菜鸟来说真是雪中送炭,当然对于专业的前端开发者来说它更是锦上添花!DataTables提供了针对表格的排序、浏览器分页、服务器分页、筛选、格式化、统计等强大功能。
1432 0