如何根据单元格单击突出显示表格行？

Question

我有一个引导表。 如果用户单击特定的单元格（删除），我想突出显示红色的行。 我正在使用click-cell.bs.table ，但是单击单元格时没有任何反应。

$table.on("click-cell.bs.table", function (field, value, row, $element) {
   if (field == 'Delete') {
        $element.parent().toggleClass('bg_delete');
   }
});

http://jsfiddle.net/46eaytfn/

Answer 1

该函数需要事件作为其第一个参数。

还有两个小问题：1）将$table更正$table $('#table')和2）删除parent函数。

解决方法如下：

$('#table').on("click-cell.bs.table", function (e, field, value, row, $element) {

if (field === 'Delete') {
        $element.toggleClass('bg_delete');
   }
});

Answer 2

您需要更改一点CSS。 请看一看。

请参阅下面的示例代码http://jsfiddle.net/4ek2znw3/

#table .bg_delete td {
   background-color: #ff0000 !important;
   opacity: 0.5  !important;
}