2010-06-22 151 views
36

我很感興趣,使用jQuery的數據表... 你能告訴我,給我一個例子如何使用..我也聽說過jqGrid也..哪一個更好呢?jqGrid或dataTable,哪個更好?

我一直嘗試下載的dataTable ..

<script type="text/javascript" src="jquery.dataTables.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $('#showdata').dataTable({ 
//what must i fill in this area? 
}); 
}); 
</script> 

回答

36

我都試過,並決定使用datatables。我發現它有更好的文檔,更好的社區支持,並且更直接地啓動和使用這個插件。

基本上,如果你有HTML代碼:

<table> 
    <thead> 
     <tr>...</tr> 
    </thead> 
    <tbody> 
     <tr>... 
    </tbody> 
</table> 

(記THEADTBODY

那麼你的例子應該產生很好的數據表。有許多參數可以自定義它,但是使用它們是可選的。

你也應該考慮,如果你想根據生成的數據表:

  1. 靜態HTML內容(負載一次)從你的服務器接收
  2. 內容

兩個選項是可能的datatables並且在datatables.net上都有很多示例。

如有任何問題,請刪除詳細信息。

+0

我寧願使用GigaTables,因爲它擁有免費的編輯器工具 - https://github.com/GigaTables/gigatables。 – 2015-06-19 19:33:20

+0

@ArthurKushman你應該提到你是gigatables作者:-) – chteuchteu 2017-11-28 21:48:10

+0

我寧願推薦現在使用ReactJS版本 - https://github.com/GigaTables/reactables JQuery之一被棄用和不受支持。 PS是的,主要貢獻者是我,但因此它是一個開源項目 - 提供成爲主要貢獻者的能力。 – 2018-01-07 19:56:02

10

我也使用DataTables。我被文檔,api和靈活性所吸引。在我的項目中,我有一個ajax前端,其中表格包含可編輯的控件和列排序/過濾。有些網格擁有客戶端上的所有數據,有些網格根據數據量從分頁的服務器調用中提取數據。

開發人員對列渲染有完全的控制權。如果你想要靈活性,我推薦它。這很值得。作者Allan Jardine顯然非常有才華

+0

yupz ..我同意你的意見。因爲我問了這個問題,我決定使用DataTables。我的數據頁面幾乎都顯示爲DataTable。這是我的新東西;) – klox 2010-12-01 01:40:42

8

我開始使用數據表,但加載和排序數百個本地項目變得非常緩慢。所以我嘗試jqgrid,它運行良好,數以千計的本地加載項目。所以jqgrid有更好的表現。但是有時候我需要使用數以萬計的本地項目,jqgrid也變得很慢。我知道這些插件是設計用於客戶端/服務器結構,所以我正在評估改變我的應用程序的設計。

16

jqgrid似乎更加強大和靈活,然而,糟糕的文檔。如果你周圍沒有人來幫助jqGrid,你最好用數據表。

+4

我完全同意糟糕的文檔部分。 – 2013-07-08 18:42:36

+1

在SO上也有很多答案,並且在最近的版本中有很多改進 – msanjay 2014-06-11 14:51:47

5

我的公司剛剛做出決定,因爲上面提到的所有原因,也使用DataTables。幾年前我們已經對它進行了評估,似乎我們發現的很多缺點都是由團隊確定的。這並不完美,但我認爲一旦我們致力於內外學習,它就會很好。