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

Question

我有一个BootstrapTable。如果用户单击特定单元格（删除），我想将该行突出显示为红色。我正在使用 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') 和 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;
}

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

How can I highlight a table row based on a cell click?

javascript

jquery

bootstrap-table