10 款很有创意的 jQuery 表格插件

摘要:
本文包括10个jQuery表插件,包括表功能增强、导出、排序和过滤。1.动画表排序此插件允许您以动画的方式对数据进行排序。在线演示:这里。2.BIGrid这个插件将增强您的表功能,例如以固定宽度滚动行和列。在线演示:这里。3.CompassDatagrid这是一个基于Ajax的数据表插件,它可以直接从服务器获取数据。在线演示:这里。4

本文包含 10 款 jQuery 的表格插件,包含表格功能增强、导出、排序以及过滤等功能。

1. Animated table-sort

该插件可让你使用动画的方式对数据进行排序,在线演示: here.
Animated table-sort

2. BIGrid

该插件将增强你的表格功能,例如固定的宽度进行行列的滚动等,在线演示: here.
BIGrid

3. Compass Datagrid

这是基于 Ajax 的数据表格插件,可直接从服务器端获取数据,在线演示: here.
Compass Datagrid

4. csv2table

CSV2Table 可以读取CSV文件,它从CSV文件中读取内容并创建成table表格. 在线演示 here.
csv2table

5. DataTables

DataTables是一个jQuery的表格插件。这是一个高度灵活的工具,依据的基础逐步增强,这将增加先进的互动控制,支持任何HTML表格。 在线演示 here.
DataTables

6. dragtable

支持进行拖拽的重新排序的表格插件,在线演示:here.
dragtable

7. Dropdown Table Filter

该插件在表格的每个列中增加了下来过滤,在线演示: here.
Dropdown Table Filter

8. Dynamic list

这是一个动态排序和分页以及过滤的产品列表插件,在线演示:here.
Dynamic list

9. Exportable CSV Table

该插件可让你将表格的数据导出到 CSV 文件中,在线演示:here.
Exportable CSV Table

10. Flexigrid

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


from: http://www.oschina.net/news/20457/10-most-creative-jquery-plugins-for-tables?from=20110814 

免责声明:文章转载自《10 款很有创意的 jQuery 表格插件》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇mysql、mongodb、redis 数据库之间的区别Windows/Linux下C/C++时间函数全攻略下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

TS学习笔记--其他(声明文件、内置对象)

声明文件 // 引入第三方的库jquery import jquery from 'jquery'; // 定义操作 /* 当使用第三方库时,我们需要引用它的声明文件,才能获得对应的代码补全、接口提示等功能。 声明语句: 如果需要ts对新的语法进行检查, 需要要加载了对应的类型说明代码 declare var jQuery: (selector: s...

Jquery 选择器

Jquery的这套选择符是比较帅气的,借用了XPath2.0和CSS1-3中的语法,并且兼容了多个浏览器,让原本非常复杂的DOM,一下子变得简单起来了,手中最新的版本是1.2.2b,下面的所有例子,也是根据此版本提供的例子。 测试HTML代码: <divid="father">    <divid="first">I am fir...

详解JavaScript模块化开发

转自:http://segmentfault.com/a/1190000000733959 什么是模块化开发? 前端开发中,起初只要在script标签中嵌入几十上百行代码就能实现一些基本的交互效果,后来js得到重视,应用也广泛起来了,jQuery,Ajax,Node.Js,MVC,MVVM等的助力也使得前端开发得到重视,也使得前端项目越来越复杂,然而,Ja...

jquery 修改 bootstrap模态框的宽度并且居中

1.定义模态框 <div tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div style="1400px;"> <div class="modal-...

使用HTML5和jQuery插件Reel实现一个超酷的星际争霸2兵种动画360度预览效果

今天继续给大家介绍HTML5和jQuery插件结合使用生成的图形特效,这里我继续使用星际争霸2的图片元素给大家介绍一个360度全景预览兵种的特效实现,希望大家喜欢!请大家多多留言! 在线演示在线下载 友情提示:以上演示中图片使用较大,如果加载不流畅,请下载到本地运行。 如果你不清楚什么是360度全景预览或者不明白Reel是什么插件的话,请参考这篇文章:分...

Jquery面试题整合

一、Jquery测试题 下面哪种不是jquery的选择器?(单选) A、基本选择器 B、后代选择器 C、类选择器 D、进一步选择器 考点:jquery的选择器 (C) 当DOM加载完成后要执行的函数,下面哪个是正确的?(单选) jQuery(expression, [context]) B、jQuery(html,[ownerDocument]) C、jQ...