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

【问题标题】：Highlighting rows with DataTables (or other table/grid plug-ins)使用 DataTables（或其他表格/网格插件）突出显示行
【发布时间】：2014-03-28 11:58:27
【问题描述】：

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

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

我假设我可以找到一个高亮插件，也许可以满足我的需求。但之前我到了那里，有什么简单的方法可以使用 DateTables 或其他表格/网格插件来做到这一点？

谢谢！

【问题讨论】：

标签： javascript jquery datatables

【解决方案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');
});

【讨论】：

感谢您的回答。您能否指出“从表格外的链接单击删除一行”示例？我看到了一个删除示例，但它似乎仅在单击表格 inside 的另一行时才有效。
@user247866 抱歉，这不是一个确切的例子。查看我的最新编辑，了解您想要的概念证明。