阅读更多

25顶
2踩

Web前端

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

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

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实现搜索引擎的功能是一件很方便的事,可是,如何实现类似3721的智能搜 索呢?比如,当在搜索条件框内输入“中国人民”时,自动从中提取“中国”、 “人民”等关键字并在数据库内进行搜索。看完本文后,你就可以发现,这个功 能实现起来竟然是如此的简单。OK,Follow Me!     第一步,我们要建立一个名为db_sample.mdb的数据库(本文以Access2000数 据库为例),并在其中建立表T_Sample。表T_Sample包括如下字段:         ID            自动编号         U_Name    文本         U_Info      备注

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

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

  • 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))

  • aspx页面 ASP.NET Web Forms中的DropDownList添加搜索功能使用select2

    JS直接去官网下载:https://select2.org/getting-started/basic-usage或者https://www.bootcdn.cn/

  • 使用 Algolia 云引擎,实现个人博客 Hugo 本地智能搜索

    一直想实现博客的本地搜索,没有找到好的实现方式。尝试了好几个方案,现在使用Algolia实现本地搜索。实现方式简单,每月可搜索 10000 次,可以一直白票下去 构建数据 1、 修改配置文件 修改config.toml,配置生成algolia.json文件 [outputs] home = ["HTML","RSS","TXT","Algolia"] section = ["HTML"] taxonomy = ["HTML"] term = ["HTML"] [outp...

  • 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 输入框即时搜索问题

    问题描述: 1.数据库有一条记录:     客户名称:中國電信     short_PY(拼音缩写):ZGDX 2.我在输入框输入ZG能搜索到相应的信息,但是我输入中國则无法找到。 请问如何解决,我用的是js+asp,下面是代码(所有代码请看附件http://pan.baidu.com/s/1i3yYlWL):  Response.ContentType="text/xml

  • 用ASP制作强大的搜索引擎

    不知你上网时注意到没有:一些内容丰富的网站,总建有一个内容搜索引擎;一些大型的商业网站或者综合网站,都配有强大的网站搜索引擎,比如搜狐、新浪、雅虎等等。其方便的搜索查询功能至今给人们留下难以磨灭的印象,你只要输入你想浏览资料的关键字(比如:网页),一按“搜索”按钮,关于“网页”的资料列表就呈现在你的眼前;这只是搜索引擎的基本功能 --搜索查询。   笔者现在专门负责网上山东(http://ww

  • 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  若长度大于

  • 【人工智能】搜索策略

    ③M中已经在G中出现过且已经扩展过的节点,确认是否需要修改其后继节点指向父节点的指针。step3:(OPEN表非空)去OPEN表的第一个节点,放入CLOSE表中,记为n。①M中未曾在G中出现过的节点,设置一个指向父节点(n)的指针,并加入OPEN表中。扩展结点的方式:计算n的子节点的f(x),并按从小到大的顺序放入OPEN表首部。扩展结点的方式:计算了n的每个子节点的f(x)并加入OPEN后,需要对。②M中已经在G中出现过的节点,确认是否需要修改指向父节点的指针。)加入OPEN表,设置指向父节点的指针,

Global site tag (gtag.js) - Google Analytics