Question

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

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

2 个答案: