2013-05-13 41 views
1

我正在使用TableSorter jQuery插件。我試圖將一個select元素作爲我的列標題之一。我已經禁用該特定的列進行排序,通過這樣做:TableSorter jQuery插件 - 在已禁用標題列中啓用選擇元素

$('#rankings').tablesorter(headers: {5: {sorter:false}});  

但是,當我點擊列標題中的select元素的選項不會填充。就好像有什麼東西阻止我點擊它。

TableSorter代碼中是否存在禁用點擊該元素的內容?

我甚至在他們的示例page上進行了實驗,甚至似乎無法突出顯示已禁用列標題的列標題中的文本。

是否有任何方法使用TableSorter將選擇放置在禁用的列標題中?謝謝你的幫助!

回答

3

有哪些可以設置爲falsemissing docs post)無證選項cancelSelection,那麼你就需要使用onRenderHeader禁用的其他標題的選擇(如果你想)(demo):

$('table').tablesorter({ 
    // make header text selectable 
    cancelSelection: false, 
    headers: { 
     0: { 
      sorter: false 
     } 
    },  
    // prevent text selections (optional) 
    onRenderHeader: function (index) { 
     if (index > 0) { 
      $(this) 
       .addClass('no-select') 
       .attr('unselectable', 'on') 
       .bind('selectstart', false); 
     } 
    } 
}); 
+0

這工作完美。謝謝! – 2013-05-17 02:07:07

+0

太好了。謝謝。 – 2014-11-28 02:46:19