2008-10-10 52 views
25

我正在尋找利用jQuery來處理我們針對不同大小數據表獲得的一些非常常見的請求:滾動,排序和動態過濾。jQuery可滾動,可排序,可篩選表

  • 我已經處理了滾動過去,有兩個固定寬度的列的單獨表格以及「實際」滾動的關聯div容器。然而,這種方法不適用於我所遇到的任何基於jQuery的排序表擴展(tablesorter是我迄今爲止最喜歡的),因爲他們希望將所有內容放在一張表中。
  • 對於過濾,他們要求類似於Excel和SharePoint列表的操作(基本上所有列值都列在下拉列表中,允許用戶選擇/取消選擇它們)。儘管聽起來可能,但我還沒有看到類似的東西。
  • 另一個相關的不錯的功能是能夠「凍結」水平滾動的列。

理想情況下,我想要一個現有的擴展,但如果沒有在那裏,我也會很欣賞任何jQuery大師關於如何最好地實現它的建議。我目前的想法是潛入tablesorter並根據需要擴展/更新它。

爲了有希望保持專注,分頁不是一個選項(以及任何基於服務器的事情)。

更新: 我很欣賞到目前爲止的答案,但沒有的(這麼說,我必須承認,jqGrid的尋找我有一些未來的項目非常好給出到目前爲止所有的過濾方式的接觸選項)。與此同時,我將開發定製過濾解決方案;如果出現問題,我會再次更新。

回答

12

我遇到了這個問題,因爲我自己正在尋找一個可排序的表格插件;我對任何建議的小部件都沒有留下深刻的印象,但後來我發現了DataTables,並且我印象深刻。我建議檢查一下。

4

我會鼓勵你嘗試一下Flexigrid

它有很多很棒的功能,我個人認爲它看起來比jqGrid更專業。

它沒有你要求的一些功能,但我認爲這可能是一個好的開始。如果您可以將這些功能添加到代碼庫,那將是非常好的。

如果你在C#編碼,然後我張貼了關於如何使用LINQ to Reflection to bind JSON to the Flexigrid博客條目......如果你使用的是其他語言也有,你可以找到Flexigrid's Website & Google Group頁面其他例子。

+0

此網站鏈接已損壞;這個項目頁面是否與「Flexigrid」相同? http://code.google.com/p/flexigrid/ – 2009-05-14 22:20:46

1

正如我提到的更新,我結束了使用自定義篩選的擴展名(封閉源代碼,可惜)。我最近開始使用SlickGrid,它現在是我的首選網格。

+0

我已經切換到DataTables(現在接受答案)。對於我當前的數據集,它運行良好,並且不難讓它看起來很好用我的用戶界面。 – pdwetz 2014-08-28 02:38:24