阅读更多

42顶
5踩

Web前端

翻译新闻 20个非常有用的jQuery表格插件

2011-05-03 15:49 by 见习编辑 希·梦 评论(26) 有29890人浏览
众所周知,jQuery在网站设计的诸多方面都给了开发者们很大帮助,而表格则是其中的一个重要方面。本文将向你介绍20个非常有用的jQuery表格插件。

1、Collapser


用于扩展和折叠元件的多功能用途的插件。

2、jExpand


超轻量级的jQuery插件,用于表格扩展。通过jExpand,表格可容纳图片、列表、图表和其他更多元素信息。

3、Fixed Header Tables


采用有效的HTML 表格,创建与Microsoft excel类似的固定表头和带有可选表尾的滚动工作表。

4、treeTable


可在表格中体现树状结构(i.e.目录表格、嵌套列表)。树状结构的每一分支均能扩展和折叠(类似大多数操作系统中的文件浏览器)。

5、Flexigrid


轻量级但含有大量与表头相匹配的具有可调整尺寸的列和滚动数据的数据网格。能够连接到通过Ajax载入内容的基于XML的数据源。

6、 Table Drag and Drop


允许用户重新排列表的列。列可按需要增加单元格(单元格亦可来自元素)。

7、 BI Grid


用来展示数据(尤其是企业报表中的数据)。数据编辑操作简易,易于深入细节及ajax启用。

8、jQuery charToTable plugin


通过使用jQuery可将字符转化为表格。

9、Alternate Plugin


完美的表格行元素的替换插件。

10、Add Table Rows Count


可根据行数自动添加列,从而使表格更具可读性和保持注释/元数据的整洁性。

11、Chromatable JQuery Plugin


可用于创建一个可调整尺寸的表格或一个表头位置固定的滚动式表格。用户可将表格尺寸定义为:固定值、自动和100%。

12、Animated table sort


可用于基于column’s td’s的表格排序。同时支持REGEXP匹配上的排序。

13、ColdFusion Query to Table


可从ColdFusion Query Json.或者JavaScript Array上创建动态查询表。

14、Table Pagination


可用于在表元素下创建一个分页元素。可通过各种设置来自定义分页需要。

15、DataTables


一个为 jQuery Javascript 库而生的插件,具高度灵活性。

16、Tablesorter


可用于将带有THEAD 和TBODY标签的标准HTML表格转化成一个不含页码的排序表。表格排序功能能成功的解析和排序包括单元格中链接数据在内的许多类型的数据。

17、uiTableFilter


用于表格行过滤的jquery插件。

18、columnManager


用来切换表格列的可见性和保存表格状态的插件。

19、Ingrid


能够给表格增加datagrid行为(如列高、分页、排序、行列的风格)。

20、columnHover


当鼠标指针在某一列上来回移动时,该列便能被高亮突出。

Via:http://slodive.com/freebies/jquery-table/
  • 大小: 39.6 KB
  • 大小: 56.6 KB
  • 大小: 45.3 KB
  • 大小: 22.6 KB
  • 大小: 47.7 KB
  • 大小: 19.6 KB
  • 大小: 33.8 KB
  • 大小: 29.9 KB
  • 大小: 20.7 KB
  • 大小: 39 KB
  • 大小: 49.2 KB
  • 大小: 35.9 KB
  • 大小: 58.8 KB
  • 大小: 41.1 KB
  • 大小: 39.3 KB
  • 大小: 30.7 KB
  • 大小: 76.1 KB
  • 大小: 45.7 KB
  • 大小: 44.8 KB
  • 大小: 37.4 KB
42
5
评论 共 26 条 请登录后发表评论
6 楼 nhy520 2011-05-04 19:23
太喜欢jquery了
5 楼 caoyangx 2011-05-04 14:28
matychen 写道
superxielei 写道
竟然没有jqGrid~~~


看标题,20个非常有用的。。。 是非常有用,不是非常实用。
4 楼 Birder 2011-05-04 09:34
做个标记,以后有用
3 楼 matychen 2011-05-04 09:14
superxielei 写道
竟然没有jqGrid~~~

2 楼 superxielei 2011-05-04 09:02
竟然没有jqGrid~~~
1 楼 flashcloud 2011-05-03 21:19
jqGrid这么重量级的也没有?

发表评论

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

相关推荐

  • VC++自定义纸张打印

    <br />我在网上已不断看到一些网友关于自定义纸张打印的问题,基本上还没有较完美的解决方案,我在这里提供一个WindowsNT/2000/XP下的解决办法,供广大同仁参考。Windows9x/Me下也有解决办法,有兴趣者可共同探讨。<br />  该方法的主要思想是在程序开始时添加自定义纸张并设为默认纸张,程序结束前删除该自定义纸张并恢复原来的默认纸张类型。这种方法的通用性是显而易见的,如果你正在用Document/View框架,那么你就不必为了自定义纸张而去挖空心思重载其中的一些函数了。<br />  

  • VC数据库编程中的打印控制

    在数据库应用中,一般把纸式报表的打印输出放在比较重要的位置,特别是在银行、保险等金融部门,打印出来的纸式硬拷贝一般都要永久保存,因此程序的打印输出结果是否美观、输出方式是否灵活是衡量程序优劣的重要标志。比起其他编程语言来说,VC编程中的打印控制比较复杂,但它也给程序员最大的灵活性,而这种灵活性正是我们需要的,因为金融部门的报表一般都不太规整,特别是表头部分,二、三重嵌套的情况很常见。下面我们就开发

  • MFC中设置纸张方向

    在准备打印之前设置打印纸张的方向 CPrintInfo * PInfo; CDC * pDC; DEVMODE * dev = (LPDEVMODE)::GlobalLock(pInfo->m_pPD->m_pd.hDevMode); if(dev!=NULL) { dev->dmOrientation = DMORIENT_LANDSCAPE; pDC->ReSetDC(dev);

  • Pywin32操控Excel——3. 打印设置

    pywin32之Excel打印设置

  • 打印基础知识(3)

    12.3  打 印 控 制<br /> 视频讲解:光盘/TM/Video/12/打印控制.exe<br />编写打印程序之所以复杂,在于其处理的信息比较复杂,所以要想编写一个好的打印程序,掌握打印相关的控制技术是必不可少的。DEVMODE结构用于对打印进行一些基本设置,其语法如下:<br />typedef struct _devicemode { <br />    BCHAR  dmDeviceName[CCHDEVICENAME]; <br />    WORD   dmSpecVersion; <b

  • delphi 获取打印机默认纸张_Delphi中如何控制打印方向,纸张大小等 | 学步园

    如何在程序里控制打印纸张大小(A3,A4)和打印方向?不想打开设置窗口---------------------------------------------------------------Uses Printer;.........procedure TForm1.Button1Click(Sender: TObject);varADevice, ADriv...

  • win32打印机控制,API打印操作

    直接上代码,将下面的代码复制到工程中,

  • VC中设置打印默认方向

    转自 http://mywallop.com/Public.aspx?id=3564836&ty=ly2种设置打印方向的方法. 1. CPrintInfo printInfo; AfxGetApp()->GetPrinterDeviceDefaults(&printInfo.m_pPD->m_pd); if (printInfo.m_pPD->m_pd.hDC == NULL) {  //

  • Windows自定义打印的实现

    Windows自定义打印的实现之一<br />其实在Windwos中调用Windows API实现打印是比较简单的,而且具有代码紧凑、实现灵活的优点。我们只要掌握了几个要点,就可以随心所欲的打印了。下面我们将一一讨论: 打印机的选择,打印设置对话框的调用 在程序中设置打印选项 打印单位的转换 打印基本流程 打印字体的设置 打印机的选择,打印设置对话框的调用<br />这个不多说了,相关的主要API只有一个--PrintDlg(LPPRINTDLG lppd)--看例子代码。     PRINTDLG pri

  • 获取打印机参数

    1、打印机的分辨率(象素/英寸)     X方向分辨率=GetDeviceCaps(Printer->Handle,LOGPIXELSX);     Y方向分辨率=GetDeviceCaps(Printer->Handle,LOGPIXELSY);       2、打印纸的大小(以象素为单位)     通过Printer的PageWidth和PageHeight属性可

Global site tag (gtag.js) - Google Analytics