使用DataTables（或其他表/网格插件）突出显示行

Question

DataTables中有一个示例用于突出显示悬停时的行： http://datatables.net/examples/advanced_init/highlight.html

但是，我正在寻找一些不同的东西。当用户点击表格外的单词时，我希望突出显示。例如，在上面的链接中，当用户点击表格上方文本中的“可见性”时，我希望第2行突出显示（因此它是一种超链接）。

我假设我可以找到一个可以做我需要的突出插件。但之前 我到了那里，有没有简单的方法用DateTables或其他表/网格插件做到这一点？

谢谢！

Answer 1

以下是highlight on click的示例。

它还有一个从表格外的链接删除点击行的示例。

编辑：这个例子不会像你想要的那样做得很好，但它会让你大部分都在那里。我已经改装the example in this fiddle来做你想做的事。这是“点击链接突出显示行”的一部分：

$("#rowHighlightLink").click(function(event) {
    $(oTable.fnSettings().aoData).each(function (){
        $(this.nTr).removeClass('row_selected');
    });
    $('#example tbody tr').eq(1).addClass('row_selected');
});