使用JQuery表排序器插件只进行一列排序

我正在使用jQuery的tablesorter插件在客户端对gridview进行排序。但问题是，我必须使排序选项只对一列可用。（gridview中的列号为7）

$（“#”）tablesorter（）；

---

我们如何使用桌面分拣机插件实现这一点。任何建议，请从您不希望排序的标题中删除类“header”，例如，如果它只是您希望排序的第七行，请编写

$('.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>

$（文档）.ready（函数（）
{
$（'.header'）。不是（'.header:n个子（7'））。removeClass（'header'）；
$（'.header'）。不是（'.header:n个子项（7））。单击（函数（事件）
{
event.preventDefault（）；
});
$（'.headerSortDown'）。removeClass（'headerSortDown'）；//修复了一个错误
$（'.headerSortUp'）。removeClass（'headerSortUp'）；//修复了一个错误
});

如果您知道将启用排序的列索引，则设置

标题

选项，如下所示：

$(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和my上都有效

如果您碰巧正在使用my fork of 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（原始版本）初始化后才能工作。

<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>

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