欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

基于jQuery的表格操作插件

 更新時間:2010年04月22日 19:34:24   作者:  
table表格由于它的瀏覽器兼容性和復雜的標簽嵌套方式,可以算是添加樣式最困難的對象之一了。
大多數(shù)前端er都把網(wǎng)頁中的table標簽替換為div,主要就是因為div要比table更容易添加CSS樣式。但是我們在日常應用中仍然要用到table表格,其中最好的例子就是對照表。今天彬Go將向大家推薦15個jQuery表格插件讓你對數(shù)據(jù)表格進行顯示、排序、篩選和操控。如jQuery表格排序插件、jQuery表格拖拽插件、jQuery樹形表格插件、設置顏色、點擊、替換等效果。

1.DataTables-強大的jQuery表格插件

datatables-jquery-插件

DataTables是提供了大量特性的強大jQuery表格插件。例如:你可以自動輕松篩選、Ajax預讀取數(shù)據(jù)、分頁、列排序、高亮排序列、擴展插件支持、使用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插件可以讓你的表格變得可以滾動控制。

買空間、服務器就上主機網(wǎng)(CNIDC.COM) 虛擬主機評測+IDC導航=IDC123.COM。

4.Tablesorter-jQuery表格排序插件

tablesorter-jquery-插件

Tablesorter這個jQuery插件是用來將一個包含thead和tbody標簽的標準HTML表格轉變?yōu)闊o頁面刷新的可排序表格。它不但支持多列排序,而且跨瀏覽器兼容并且能通過widget系統(tǒng)進行擴展。

5.Flexigrid-Web2.0 jQuery表格插件

flexigrid-jquery

Flexigrid 是一個輕量級的Web2.0 jQuery插件。它包含很多非常Cool的特性,如主題定制、分頁、工具欄、搜索、排序、ajax讀取數(shù)據(jù)源、調整列寬高尺寸等。

6.HeatColor-jQuery表格顏色插件

heatcolor-jquery

HeatColor可以讓你根據(jù)元素的值來為元素設置顏色。 它的值的比對時根據(jù)預設的一個范圍來進行比較,最后對他們自動進行顏色值的設置。

買空間、服務器就上主機網(wǎng)(CNIDC.COM) 虛擬主機評測+IDC導航=IDC123.COM

7.JQTreeTable-jQuery樹形表格插件

jqtreetable-jquery

使用JQTreeTable插件你可以得到一個樹形表格,如果用戶的瀏覽器禁用了JavaScript,那么他們也能看到普通形式的表格,并不影響可訪問性。

8.Ingrid-jQuery表格插件

ingrid-jquery-表格-插件

Ingrid是另一個數(shù)據(jù)表jQuery插件。它也有很多特性,比如列調整尺寸、排序、行列添加樣式等。在作者網(wǎng)站提供了很棒的文檔來告訴大家如何從頭使用這個jQuery表格插件。

9.jQuery ColumnManager plugin

jquery-column-manager-jquery-表格插件

columnManager是可以控制任意表格列顯示或隱藏的jQuery插件,而且它可以保存當前表格的狀態(tài)至你下次訪問。這個jQuery插件非常小巧輕量,僅3.6kb。

買空間、服務器就上主機網(wǎng)(CNIDC.COM) 虛擬主機評測+IDC導航=IDC123.COM。

10.jQuery treeTable-jQuery樹形表格插件

jquery-treetable-樹形表格插件

jQuery treeTable是小型的JQTreeTable, 它也能讓你的table顯示成樹形結構. 這個插件也可以在瀏覽器禁用JavaScript時保持文檔整潔并讓原始table可以使用.

11.CSV2Table-CSV格式讀取表格插件

csv2table-jQuery表格插件

CSV2Table 可以讀取CSV文件,它從CSV文件中讀取內容并創(chuàng)建成table表格.

12.Table Pagination-jQuery表格分頁插件

table-pagination-jQuery表格插件

這個jQuery表格分頁插件可以在表格下面創(chuàng)建分頁元素,你還可以通過各種設置來定制分頁。

買空間、服務器就上主機網(wǎng)(CNIDC.COM) 虛擬主機評測+IDC導航=IDC123.COM。

13.jQuery TableRowCheckboxToggle

jquery-table-插件

這個jQuery表格插件可以讓你再點擊表格行的時候改變多選框狀態(tài)并修改該行CSS樣式。

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

這個簡單的jQuery插件可以讓用戶使用拖拽行的方式重新排列表格各行,任意單獨行可以設置為不可拖拽和/或不可放置。

15.uiTableEdit

uiTableEdit是由Greg Weber制作的很酷的jQuery表格編輯插件,它允許用戶編輯表格內容。

相關文章

  • iframe跨域通信封裝詳解

    iframe跨域通信封裝詳解

    由于前端javascript對跨域訪問做了安全限制,所以javascript只能訪問與包含它的文檔在同一域名下的內容,接下來,小編通過此篇文章給大家介紹iframe跨域通信的封裝,需要的朋友可以參考下
    2015-08-08
  • jquery實現(xiàn)購物車基本功能

    jquery實現(xiàn)購物車基本功能

    這篇文章主要為大家詳細介紹了jquery實現(xiàn)購物車基本功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2019-10-10
  • jQuery多個input求和的實現(xiàn)方法

    jQuery多個input求和的實現(xiàn)方法

    這篇文章主要介紹了jQuery多個input求和的實現(xiàn)方法,涉及jQuery獲取input表單元素值及運算的相關技巧,需要的朋友可以參考下
    2015-02-02
  • Jquery下EasyUI組件中的DataGrid結果集清空方法

    Jquery下EasyUI組件中的DataGrid結果集清空方法

    要求選擇“地區(qū)”及“代維公司”后,刷新第一個DataGrid框體,下面為大家介紹下如何清空Jquery下EasyUI組件中的DataGrid結果集
    2014-01-01
  • jQuery獲取父節(jié)點、子節(jié)點、兄弟節(jié)點的代碼

    jQuery獲取父節(jié)點、子節(jié)點、兄弟節(jié)點的代碼

    這篇文章主要介紹了jQuery獲取父節(jié)點、子節(jié)點、兄弟節(jié)點的代碼,需要的朋友可以參考下
    2023-06-06
  • jquery為頁面增加快捷鍵示例

    jquery為頁面增加快捷鍵示例

    這篇文章主要介紹了jquery為頁面增加快捷鍵的示例,需要的朋友可以參考下
    2014-01-01
  • jQuery獲得字體顏色16位碼的方法

    jQuery獲得字體顏色16位碼的方法

    這篇文章主要介紹了jQuery獲得字體顏色16位碼的方法,涉及jQuery樣式操作及正則表達式使用技巧,非常簡單實用,需要的朋友可以參考下
    2016-02-02
  • jQuery插件FusionCharts繪制2D環(huán)餅圖效果示例【附demo源碼】

    jQuery插件FusionCharts繪制2D環(huán)餅圖效果示例【附demo源碼】

    這篇文章主要介紹了jQuery插件FusionCharts繪制2D環(huán)餅圖效果,結合實例形式分析了jQuery使用插件FusionCharts載入xml數(shù)據(jù)繪制2D環(huán)餅圖的相關步驟與操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下
    2017-04-04
  • jQuery使用之設置元素樣式用法實例

    jQuery使用之設置元素樣式用法實例

    這篇文章主要介紹了jQuery使用之設置元素樣式用法,實例分析了jQuery如何設置頁面的樣式風格,包括添加、刪除、動態(tài)切換等的使用技巧,需要的朋友可以參考下
    2015-01-01
  • jquery怎樣實現(xiàn)ajax聯(lián)動框(二)

    jquery怎樣實現(xiàn)ajax聯(lián)動框(二)

    ajax聯(lián)動框想必大家早有所耳聞,接下來將介紹jquery實現(xiàn)另一種形式的聯(lián)動框,右邊的聯(lián)動框用jquery生成,仿照上篇的js方法修改的,感興趣的你可以參考下希望可以幫助到你
    2013-03-03

最新評論