阅读更多

25顶
2踩

Web前端

转载新闻 15款提高表格操作的jQuery插件

2009-12-21 15:49 by 资深编辑 wutao0603 评论(5) 有49279人浏览

jquery-table-表格-插件

  table表格由于它的浏览器兼容性和复杂的标签嵌套方式,可以算是添加样式最困难的对象之一了。大多数前端er都把网页中的table标签替 换为div,主要就是因为div要比table更容易添加CSS样式。但是我们在日常应用中仍然要用到table表格,其中最好的例子就是对照表。今天彬 Go将向大家推荐15个jQuery表格插件让你对数据表格进行显示、排序、筛选和操控。如jQuery表格排序插件、jQuery表格拖拽插件、jQuery树形表格插件、设置颜色、点击、替换等效果。

您还可以参考以下javascript相关资源:
推荐9款很棒的网页绘制图表JavaScript框架脚本
了解jQuery技巧来提高你的代码
10种JavaScript特效实例让你的网站更吸引人
300+Jquery, CSS, MooTools 和 JS的导航菜单资源

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插件可以让你的表格变得可以滚动控制。

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

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。

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表格分页插件可以在表格下面创建分页元素,你还可以通过各种设置来定制分页。

13.jQuery TableRowCheckboxToggle

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

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

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

15.uiTableEdit

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

 

英文原文:15 Great jQuery Plugins For Better Table Manipulation


翻译原文:15款提高表格操作的jQuery插件(彬Go)

来自: 彬Go
25
2
评论 共 5 条 请登录后发表评论
5 楼 一头狼 2014-02-14 15:07
mark...
4 楼 beaconfire 2011-06-27 16:36
使用DataTables中,修改布局后样式有些小问题。
3 楼 clarkecc 2010-06-03 14:23
感觉都不好用~~··
2 楼 howgoo 2010-03-21 16:14
哪个好用一点啊?
1 楼 waiting 2010-01-28 14:47
居然没找到jqGrid~

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • asp简单的搜索引擎代码

    一个用asp实现的简单搜索引擎代码,可以直接用!

  • asp毕业设计——基于asp+access的搜索引擎设计与实现(毕业论文+程序源码)——搜索引擎

    随着互联网和宽带上网的普及,搜索引擎在中国异军突起,并日益渗透到人们的日常生活中,在互联网普及之前,人们查阅资料首先想到的是拥有大量书籍的资料的图书馆。但是今天很多人都会选择一种更方便、快捷、全面、准确的查阅方式–互联网。而帮助我们在整个互联网上快速地查找到目标信息的就是越来越被重视的搜索引擎。本文通过分析国内外搜索引擎的发展现状,提出了一种功能强大,操作简单,通用性强,可以满足用户对信息搜索需要,利用ASP技术实现的一个B/S体系结构的搜索引擎系统方案。

  • asp搜索

           不知你上网时注意到没有:一些内容丰富的网站,总建有一个内容搜索引擎;一些大型的商业网站或者综合网站,都配有强大的网站搜索引擎,比如搜狐、新浪、雅虎等等。其方便的搜索查询功能至今给人们留下难以磨灭的印象,你只要输入你想浏览资料的关键字(比如:网页),一按“搜索”按钮,

  • asp中建立搜索的不同方法

    searchfunction:sub searchinfo()如果是新查询if request("search")="1" thensession("sessionok")=""end if如果不是新查询dim select1,select2,selectyear,selectmont

  • 写的几个函数,关键词描红,搜索关键词过滤,生成SQL查询关键词

    1,生成SQL关键词,去除了特殊字符 2,关键词描红, 3,可选是否过滤。 /* 关键词描红 */ function SearchReplaceKw($string,$sokw='',$useSafe=false) { if($useSafe) $sokw = SafeStrip($sokw); if(empty($sokw) || empty($string))

  • ASP智能搜索的实现

            用ASP实现搜索引擎的功能是一件很方便的事,可是,如何实现类似3721的智能搜索呢?比如,当在搜索条件框内输入“中国人民”时,自动从中提取“中国”、“人民”等关键字并在数据库内进行搜索。看完本文后,你就可以发现,这个功能实现起来竟然是如此的简单。OK,Follow Me! 第一步,我们要建立一个名为db_sample.mdb的数据库(本文以Access2000数据库为例),并在

  • Asp.net 简单的站内搜索引擎

    众所周知,搜索引擎的制作是非常繁琐和耗时的,对于企业级的搜索引擎的制作,需要有良好的蜘蛛程序,定期更新搜索资源库,并且完善优化搜索引擎的速度和方法(比如全文搜索等),减少垃圾网页的出现,是一个很值得深入研究的话题。 这里我们当然不是教大家去做类似Google这样强大的搜索引擎(个人力量有限),也不是简单的调用googl的API来实现,这里主要提供给大家怎么对网页信息进行筛选和查询的功能,我们可以...

  • asp.net 实现搜索站内搜索功能

    首先有index和search 两个页面 index页面中有textbox1和button1两个控件 双击button1控件添加代码: 1 protected void Button1_Click(object sender, EventArgs e) 2 { 3 string Key = this.TextBox1.Text; 4 ...

  • ASP站内搜索代码#

    方法一:利用各大搜索的收录 function Gsitesearch(curobj){ var domainroot=curobj.domainroot[curobj.domainroot.selectedIndex].value curobj.q.value="site:"+domainroot+" "+curobj.qfront.value }

  • ASP实现智能搜索实现代码

    asp下智能搜索功能的实现,方便大家学习

  • ASP实现智能搜索

    Function AutoKey(strKey) Const lngSubKey=2 lngLenKey=Len(strKey) Select Case lngLenKey Case 0   若为空串,转到出错页 Response.Redirect "Error.htm" Case 1   若长度为1,则不设任何值 strNew1="" strNew2="" Case Else  若长度大于

  • Ajax+asp.net智能匹配检索(含图含完整代码)

    使用谷歌搜索引擎的用户都知道,只要在文本框中输入部分关键字,就能显示相关搜索提示信息列表

  • asp.net 仿百度搜索栏智能感知实现快速搜索

    asp.net 仿百度搜索栏智能感知实现快速搜索

  • asp搜索结果的显示

     四月 5th, 2006 在搜索得到的文本中,从第一个关键词出现的前50个字开始显示,把关键词替换为红色,这比单纯的用replace得到的显示结果更人性化一些,因为用replace的话一旦关键词出现在文本的后面,就可能出现在结果页面显示的文本简要里不能出现关键词。虽然是很老的代码了,不过对于现在的搜索脚本的编写依然有参考作用。以前写全文检索程序的时候写的.原创 by 飞鸟@dev-cl

Global site tag (gtag.js) - Google Analytics