25款頂級的jQuery表格插件

2021-01-08 站長之家

 

jQuery 表格插件可以讓你創建各種各樣的表格布局,表格布局是報紙和雜誌中最常見的布局,現在的網站中也很常見,在這篇文章中,我向大家推薦25個jQuery 的表格插件,你可以任意控制表格的行和列,用文本和圖片進行填充。我用了頂級的來形容這個些插件,我可以肯定你了解它們之後會覺得很酷。

 

1. Gridify

 

Gridify 是輕量級的 jQuery 插件,用來創建一個類似 Pinterest 圖片加載網格插件。支持圖像加載事件,支持窗口縮放事件,支持非常長的高度項,支持動態項寬度,支持動畫 (CSS3 transition)。

 

2. Freewall

 

Freewall是一個跨瀏覽器和響應式的jQuery插件,以幫助您創建多種類型的網格布局:靈活布局,圖像布局,嵌套網格,流體網 格,Metro風格布局,類似於pinterest的布局...。此外還擁有漂亮的CSS3動畫效果和回調事件。 Freewall是所有功能於一身的解決方案。可以為桌面,移動和平板創建動態的網格布局。

 

3. Responsive Equal Height Blocks

 

Responsive Equal Height Blocks是用JavaScript和CSS實現的。 它實際上是把一上列表按每一行來展示,通過每一行中最高的條目來設置和其它條目的位置。

 

4. MatchHeight.js

 

MatchHeight.js 能使所有選定元素的高度正好相等。這是一個更強大的相同高度的插件,正確處理混合填充,邊距,邊框,框的大小,行,組。 它通過在需要的時候自動更新圖像處理和響應式布局。

 

5. Gridmanager.js

 

Gridmanager允許你在表格布局中創建、記錄、更新、刪除行和列,創建可編輯區域的網格布局,每一個網格可編輯定義大小和數量以及調整它的 位置。GridManager需要jQuery、jQueryUI和Bootstrap 3.x,可選TinyMCE CKeditor。

 

6. S Gallery

S Gallery是一個jQuery圖片集的插件,它在響應式的表格中展示這你的圖片。它的靈感來自於Sony的產品,當一個條目被選中,界面中會出現選擇前一個/後一個的按鈕,你也可以通過點擊其它位置回到整體的表格布局中。

 

7. Elastic Columns

 

Elastic Columns是一個輕量級響應式網格布局插件,可以非常容易的按照寬度值來定義網格,監測瀏覽器的大小自適應網格顯示。

 

8. Mason.js

 

Mason.js是一個jQuery插件,巧妙地填充了網格的間隙。當創建一個網格時候,插件就開始計算這些間隙,然後就使用預定義的元素或是在網格中複製的內容來填充這些間隙。可以定義用於元素的大小,列/行的大小,斷點的大小,或者布局是流動還是固定的。

 

9. rowGrid.js

 

RowGrid.js 是個非常小的,輕量級的 jQuery 插件,可以對圖像進行直排,而且是響應式的,可以無限滾動閱覽。

 

10. BttrLazyLoading

 

BttrLazyLoading 是一款響應式圖像延遲加載的 jQuery 插件,允許用戶的 web 應用延遲圖片的加載直到圖像滾動。BttrLazyLoading 提供四種不同的屏幕大小版本: 手機 (768px), 平板 (≥768px), 桌面 (≥992px) 和大型的桌面 (≥1200px)。

 

 

11. jqGrid

 

jqGrid 是一個用來顯示網格數據的jQuery插件,通過使用jqGrid可以輕鬆實現前端頁面與後臺數據的ajax異步通信。

 

12. Masonry

 

Masonry是一款很好用的jquery網頁布局插件,它可以去掉不同高度div之間的空白,讓你的網頁看上去更加的整齊、漂亮!

 

13. jQuery Shapeshift

 

jQuery拖拽插件Shapeshift,拖放可以重新排列在一個容器或甚至將在多個物品使容器變形。拖動元素周圍可以改變他們的索引位置在它們的父容器。

 

14. jQuery Nested

 

Nested是一個幫助你創建多列的,動態的網格布局,和其它的類似的類庫或者jQuery插件不一樣,它幫助你去掉所有的間隙。使用這個插件它將 幫助你掃描所有的間隙的尺寸,以便重新排序元素,這和其它的類庫或者插件類似,但是Nested最後一步會幫助你縮放元素,以便消除所有的間距。

 

15. Headsup Grid

 

Headsup Grid的特點是它可以在不同的平臺上顯示出不同的風格。

 

 

16. Wookmark jQuery Plugin

 

Wookmark jQuery plugin 是一個用來實現現在很流行的瀑布流的網頁布局效果的 jQuery 插件。

 

17. jQuery Waterfall

 

jQuery Waterfall是用li標籤製作多列瀑布流布局滑鼠滾動頁面圖片無限加載效果。

 

18. Grid –A-Licious

 

Grid-A-Licious 是一個簡單易用的 jQuery 插件,可用於創建響應式瀑布流布局,針對不同設備可自動適應寬度。你可以通過參數設置它的寬度以及動態顯示時的速度、延遲等等,定製性是比較高的。

 

19. Gridster

 

gridster.js 是一個 jQuery 插件用來構建直觀的可拖放的布局,支持多列布局,你還可以動態的添加和刪除表格中的元素。

 

20. Gridly

 

Gridly是個網格式的拖放移位jQuery插件,這個插件交互不錯,我們在拖動的時候會顯示一些移動動畫,效果很好看。

此插件還有其它特色功能,比如關閉、點擊放大、增加模塊等等。

 

 

21. College Plus

 

CollagePlus是一個jQuery表格插件,你可以定義圖片之間的距離,通過CSS給它們加邊框。

 

22. Griddy

 

Griddy是一個輕量級的插件,但是它能實現幾乎所有的效果,很多屬性是可選的,比如行數、行高、列數、列高、顏色等等…… 

 

23. jQuery Grid』Em Plugin

 

jqGridView是新的,富客戶端的,基於XML , Ajax網格插件的jQuery庫。 jqGridView提供專業的解決方案,代表和編輯表格數據在網絡上。精心設計的,具有強大的腳本API的,這可編輯網格是很簡單的DHTML與XML 的配置,並顯示出令人信服的成果與大量數據。 jqGridView可以輕鬆地執行好期待(管理通過的CSS ) 。 jqGridView並不平臺根據插件,它可用於不同的網絡編程平臺,如: ASP技術.NET /的ASP , PHP中,爪哇島, CGI腳本等jqGridView已高度鮑澤兼容性。

 

24. Ingrid

 

Ingrid在數據填充的操作上做了很多的簡化,看上去更接地氣一些。

 

25. Jui_datagrid

 

jui_datagrid 是一個 Ajax 的 jQuery 表格插件,可用於操作表格數據,通過簡單和強大的 API 進行主題定製、本地化支持等。

閱讀原文:http://www.gbtags.com/gb/share/4206.htm

相關焦點

  • 推薦超實用的8款jQuery插件
    這裡有8款超實用的jQuery插件供大家參考使用,除了jQuery特效的詳細使用方法以外,我們還有在線演示和下載及教程,希望對大家有所幫助!onopen方法jQuery Plugin-菜單特效 在線演示這是一個基於jquery的插件,類似滑動菜單,體積也很小,適合在手機上使用。
  • 5款jQuery滾動效果插件
    jQuery滾動效果插件 WaypointsWaypoints 是一個 jQuery 用來實現捕獲各種滾動事件的插件,例如實現無翻頁的內容瀏覽,或者固定某個元素不讓滾動等等。支持主流瀏覽器版本。
  • 25個可遇不可求的jQuery插件
    隨著jQuery插件在網站建設過程中的使用率不斷的增加,所以有必要跟進時代步伐開發出一些新的插件/代碼片段,以此來鞏固並提高前端用戶體驗,將用戶體驗提升到一個新的高度。 接下來所推薦的這些插件中有滑塊、地圖、圖片旋轉塊等等,可以說是最好的、完全免費的jQuery插件。 1.
  • 25 個模仿 Facebook 界面的 jQuery 插件
    本文介紹 25 個 jQuery 插件,主要用於模仿 Facebook 界面,例如模仿對話框、頭像識別、消息流和菜單等等。
  • 分享一個HTML 5的上傳jQuery插件:jQuery HTML5 uploader
    分享一個HTML 5的上傳jQuery插件:jQuery HTML5 uploader 隨著HTML5的使用越來越被大家接受,基於HTML5的技術和插件也會變得越來越廣泛,今天我們介紹一款基於HTML5和jQuery的上傳插件: jQuery HTML5 uploader。
  • 基於jQuery,這六大表單向導插件首推!
    【IT168 評論】jQuery表單向導是一個jQuery插件,與某種表格流協助表單創建(不用刷新頁面)。舉個例子,如果你有一個巨大的表格來輸入用戶數據,你可以使用表單向導來將其分成一系列相關步驟。這一優點使用戶不會被超長表單嚇到,並且當用戶輸入信息時為其提供一些進度指示。
  • 推薦十個最新免費的 jQuery 表格插件
    作為開發者都知道插件的重要性,有了插件的幫助,工作會更加高效。這次,我們收集了一些優秀的 jQuery 表格插件介紹給大家。
  • 編寫jquery插件的分享
    作為一個前段程式設計師,肯定經常用到一些javascript插件吧,不得不承認,jquery是其中的比較優秀的插件之一,那麼我們有沒有想過我們自己也可以來封裝一個插件呢,下面我給大家分享一些方法,希望對大家有些幫助。
  • Web開發人員必備的20款超讚的jQuery插件
    Jquery Space GalleryJquery Space Gallery是一款很有空間感的圖片庫插件。Fancy Thumbnail Hover Effect這是一款非常不錯的Hover效果插件。Jquery Inline Form Validation這是一款表單驗證插件。
  • 【推薦】用於UI和表單設計的10款jQuery插件
    A Better Form這款插件有助於清除垃圾評論、垃圾郵件和自動提交表單。在線演示2.3 State Switch Plugin此款插件可切換至三種狀態。在線演示HTML 5 WYSIWYG Editor一款強大的HTML5代碼編輯器。在線演示
  • 9款 jQuery 插件為你的網站增加亮點
    本文向你推薦9款jQuery插件,使用這些插件可使你的網站增色不少。 開始吧! Sticky Sidebar :當頁面向下滾動時,右邊的購物車信息是跟著往下滾動的,像新浪微博的新粉絲提示,灰常好。   Waypoints :是一個 jQuery 用來實現捕獲各種滾動事件的插件,例如實現無翻頁的內容瀏覽,或者固定某個元素不讓滾動等等。支持主流瀏覽器版本。
  • jquery 社交分享插件專題及常見問題 - CSDN
    通常,一些社交媒體插件都能允許你的用戶分享你網站上的內容到其他的社交平臺,比如說這些社交平臺 上:Facebook, Google, Twitter, Pinterest等等。這裡我們選擇了 15 款最好的 jQuery 社交分享插件。只需要少量的代碼,即可將它們輕鬆的集成到你的網站上,並且能夠幫助你的訪問者分享網站上的內容。
  • 13 款最棒的 jQuery 圖像 360° 旋轉插件
    jQuery 圖像旋轉插件可以讓用戶從各種角度進行 360 度的圖像展示,經常在電子商務網站上使用,幫助消費者更好的了解產品,從任意的一個角度觀察欣賞。在這篇文章中,我們收集了 13 款最佳的 jQuery 圖像 360 度旋轉插件,這些插件都能進行 360 度圖像旋轉展示。希望大家能從中找到自己喜歡的,並應用在自己的網站上。 1.
  • 15 個構建交互式圖表的最佳 jQuery 插件
    Flot : Attractive JavaScript Plotting for jQuery 受Plotr和PlotKit的啟發,Ole Laursen基於jquery開發了一個圖表繪製(WEB Chart)插件並命名為flot。
  • 提供給開發者的 20 款最棒的 jQuery Bootstrap 插件
    它功能很豐富:使用12列響應網格,眾多組件,JavaScript插件,排版,表格控制項,甚至可以基於網頁來定製自己的Bootstrap 。 在本文中,我們收集了給開發者的20個最佳的 jQuery的Bootstrap 插件,這將有助於您創建有創新和有用的網站和應用程式。我們希望你會發現列表中的插件能對你接下來的項目很好地派上用場。好好享受!
  • 幫助你生成全屏視頻背景的超棒jQuery插件 BigVideo.js
    幫助你生成全屏視頻背景的超棒jQuery插件 BigVideo.js 在線演示  本地下載是不是厭倦了千篇一律的圖片為背景的網站,無論你怎麼美化,或者是添加炫酷的特效
  • 用jQuery 開發遊戲 —— 25 款 jQuery 遊戲插件
    現在是遊戲時間,收集了 25款jQuery開發的遊戲,從數獨、迷宮、推箱子到賽車,還有超級瑪麗哦,嘗試一下吧。
  • 一個幫助你處理延遲重複循環操作的jQuery插件 - timing
    在今天的這篇插件介紹中,我們將介紹一個超棒的jQuery插件,幫助你快速的使用鏈式和延遲代理模式來實現類似的效果。這個插件提供了簡單實用的方法來定義列舉,timeout,interval,延遲,並且使用基於時間的循環,僅僅使用數行就可以實現。如何使用?
  • 分享一個超棒的響應式幻燈jQuery插件 - refineslide
    分享一個超棒的響應式幻燈jQuery插件 - refineslide jQuery的幻燈插件我們介紹過很多了,不過今天我們介紹的這個幻燈插件能夠幫助我們使用響應式的方式展示圖片幻燈
  • jquery 三級聯動插件專題及常見問題 - CSDN
    在開發工作中,有時候需要我們自己去手動開發一個插件,剛好我遇到了這樣的機會,也有時間去完成這個插件,所以就做了一個適合自己的項目的三級聯動下拉插件。