2013-06-21 34 views
0

我正在使用tablesorter jquery排序我的表中的列。我想凍結我的表格標題。有沒有辦法使用tablesorter jQuery來做到這一點?提前致謝。tablesorter jquery - 如何解決列標題

我的tablesorter代碼:

("#rates").tablesorter({ 
    widgets: ['zebra'], 
    widgetZebra: { 
     css: ["even", "odd"] 
    }, 
    headers: { 
     0: { 
      sorter: false 
     }, 
     4: { 
      sorter: false 
     } 
    }, 
    headerClass: 'header', 
    sortClassAsc: 'headerSortUp', 
    sortClassDesc: 'headerSortDown' 
}); 

我也嘗試過這一點。

widgetOptions: { 
     stickyHeaders : 'tablesorter-stickyHeader', 
    }, 
+1

您的代碼缺少'$'或'jQuery'? – Broxzier

+0

*請注意* stickyHeaders小部件和'widgetOptions'僅適用於[這個tablesorter的分支](http://mottie.github.io/tablesorter/docs/),而不是來自tablesorter.com的原始; Tablesorter(任一版本)不包括諸如'headerClass','sortClassAsc','sortClassDesc'等選項。最後,分支版本將'widgetZebra'選項移動到'widgetOptions'中作爲'zebra'。 – Mottie

回答

0

使用該密碼登陸你的表頭:

widgetOptions: { 

     // css class name applied to the sticky header row (tr) 
     stickyHeaders : 'tablesorter-stickyHeader', 
    } 
+0

我試過這個,但它不起作用 – kishore

+0

是否有任何特定版本的tablesorter用於此?可能是 – kishore

+0

。我從以下鏈接得到了這個:http://mottie.github.io/tablesorter/docs/example-widget-sticky-header.html – skparwal

2

您可以添加到您的tablesorter初始化:

$(‘table’).tablesorter({ 
    widgets: ['stickyHeaders']} 
) 

這將激活第一行會自動凍結。 確保刪除現有的滾動技術,如:溢出:自動;

查看我的post關於此以及如何添加您的自定義HTML標頭,如果需要的話。 請讓我知道它是否有幫助:)

+0

請注意,stickyHeaders小部件只適用於[分支版本的tablesorter]( http://mottie.github.io/tablesorter/docs/)而不是來自tablesorter.com的原始v2.0.5。 – Mottie