使用 JQuery Table Sorter Plug-In 只進行一列排序

Question

我正在使用 jQuery 的 tablesorter 插件在客戶端對我的 gridview 進行排序。 但問題是，我必須使該排序選項僅可用於一列。 （gridview 中的列號為 7）

 $("#<%=gvResults.ClientID%>").tablesorter();

我們如何通過表格排序器插件實現這一點。 任何建議請

Answer 1

如果您知道將啟用排序的列索引，則設置headers選項如下：

$(function(){
  $('table').tablesorter({
    headers : {
      // zero-based column index
      0 : { sorter: false },
      1 : { sorter: false },
      2 : { sorter: false },
      3 : { sorter: false },
      4 : { sorter: false },
      5 : { sorter: false }
    }
  });
});

上面的代碼適用於原始 tablesorter 和我的 tablesorter 分支。

如果您碰巧使用我的 tablesorter 分支，那么您可以將類名添加到標題中：

<th class="sorter-false">column 1</th>
<th class="sorter-false">column 2</th>
<th class="sorter-false">column 3</th>
<!-- etc -->
<th>column 7</th>

然后在沒有任何額外選項的情況下初始化 tablesorter：

$(function(){
  $('table').tablesorter();
});

Answer 2

從您不想排序的標題中消除類“標題”，例如，如果它只是您想要排序的第七行，請寫

$('.header').not('.header:nth-child(7)').removeClass('header');

通過添加以下 html 在開始時運行它：

<script>
    $(document).ready(function()
    {
        $('.header').not('.header:nth-child(7)').removeClass('header');
        $('.header').not('.header:nth-child(7)').click(function(event)
        {
            event.preventDefault();
        });
        $('.headerSortDown').removeClass('headerSortDown');  // fixes a bug
        $('.headerSortUp').removeClass('headerSortUp');  // fixes a bug
    });
</script>