javascript - 单击着色表列

Question

我正在使用 tablesorter( http://tablesorter.com ) jquery 插件对表格数据进行排序...有谁知道是否可以在单击时更改整个列的颜色？即使不是这个插件，还有其他方式吗？

谢谢， 迈克

Answer 1

查看您链接到的文档，他们提到了几个在排序开始/停止时触发的触发器。通过将它们绑定(bind)到表来连接它们。

var table=$('#myTable').tablesorter();
table.bind('sortEnd', updateCells);

查看他们在示例中使用的代码，我发现已排序的 header 有一个类“headerSortUp”或“headerSortDown”。从这里我们找出哪个<th>具有这些类之一并突出显示其列单元格。

function updateCells(){
  var sortHead=$('.headerSortUp, .headerSortDown', table).get()[0],
  index=$('th', table).index(sortHead);

  if (index>=0){
    $('td', table).removeClass('selected');
    $('tr', table).each(function(){
     $('td:eq('+index+')', this).addClass('selected');

    });

  }
}