.bootstrapTable( 选中行 换颜色
时间: 2024-11-06 15:15:38 浏览: 15
Bootstrap table右键功能实现方法
Bootstrap Table是一个流行的JavaScript插件,用于创建交互式的表格。如果你想要在用户选择某一行时改变它的背景色,你可以通过事件处理函数来实现这个功能。这里是一个简单的例子:
```javascript
$.fn.bootstrapTable('registerEvents', {
'check.bs.table': function (e, row) { // 当行被选中时触发
var $selectedRow = $(row).closest('tr'); // 获取选中的行
$selectedRow.css('background-color', 'yellow'); // 更改行的颜色,这里是黄色作为示例
// 如果你想在取消选中时恢复原色,可以添加类似的操作
$selectedRow.on('uncheck.bs.table', function () {
$selectedRow.css('background-color', ''); // 或者在这里设置回默认背景色
});
}
});
```
在这个例子中,`check.bs.table`事件会在行被选中时触发,然后修改该行的CSS背景色。当行不再被选中时(例如通过点击其他行或取消选择),你可以添加`uncheck.bs.table`事件监听器来还原背景色。
阅读全文