2011-05-25 55 views
0

我正在使用jQuery數據表插件,我在我的html頁面上有一個表,我不想排序,但我使用插件來分頁結果,也有verbage如果表中沒有任何東西。使用(「bSort」:false)阻止表進行排序時,我沒有任何問題,但仍然會使表格的標題可點擊,這可能會讓用戶感到沮喪,因爲點擊後沒有變化。下面是我使用的插件:http://datatables.net/,這裏是我的HTML:關於非排序jQuery數據表的問題

<table align="center" id="t1" width="57%"> 
    <thead> 
     <tr> 
     <th class="headerClass" width="12%">Type</th> 
     <th class="headerClass">Description</th> 
     <th class="headerClass" width="3%">Campus</th> 
     <th class="headerClass" width="14%">Date </th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
     <td class="normal"><%=lostFound%></td> 
     <td class="normal"><%=lostDesc%></td> 
     <td class="normal"><%=lostLoc%></td> 
     <td class="normal"><%=lostDate%></td> 
     </tr> 
    </tbody> 
    </table> 

這裏是我的JS:

var $t1 = $("#t1"); 
    $t1.dataTable({ 
     "bSort": false, 
     "oLanguage" : bsLfReq.O_LANGUAGE, 
     "bLengthChange": false, 
     "bFilter": false, 
     "bAutoWidth": false, 
     "iDisplayLength": 3, 
     "bInfo": false 
     }); 

所以基本上我想表仍然使用數據表插件,但沒有標題可點擊。這可能嗎?

+0

你應該提到你使用jQuery的這個插件 - > http://www.datatables.net/ – timbooo 2011-05-25 15:07:29

+0

更新了,謝謝。 – Dan 2011-05-25 15:16:36

回答

1

我試圖重新創建你的場景。檢查這個jsfiddle。 對我來說,通過"bSort" : false停用排序工作就像一個魅力。

隨着排序(見箭頭):enter image description here 不排序:enter image description here

UPDATE:

定義遊標爲您headerClass:遊標

#headerClass { 
    cursor: default; 
} 

退房this參考樣式。

+0

沒錯,但與那個小提琴不同,我可以讓排序消失,但標題仍然可以點擊。我使用IE,如果這有所作爲。 – Dan 2011-05-25 15:32:34

+0

「可點擊」是什麼意思?手是否出現並點擊沒有任何反應或是否真的**工作? – timbooo 2011-05-25 15:37:49

+0

是的,手會出現,並允許用戶點擊,但什麼都不會發生。對不起,我應該更好地解釋,哈哈。 – Dan 2011-05-25 15:39:30