jquery - 如何为数据表中动态添加的子行添加背景颜色?

标签 jquery css datatables

我将子行动态添加到数据表中以显示动态获取的数据。这是代码:

var oTable = $('#myTable5').DataTable();
var tr = $('#'+id).closest('tr');
var row = oTable.row( tr );
console.log(row);
if ( row.child.isShown() ) {
    // This row is already open - close it
    row.child.hide();
    tr.removeClass('shown');
}
else {
    // Open this row
    row.child( format(dataSet) ).show();
    tr.addClass('shown');
}

但是对于我来说,我无法弄清楚如何向这个子行添加背景颜色!我尝试了很多事情,但没有任何效果。如果您已成功实现此目标,请提供帮助。 在数据表论坛上发帖没有产生有效的回应。

TIA。

最佳答案

您可以如下设置子行的背景。 rowBackground 是一个 CSS 类。
工作fiddle here

row.child("child row",'rowBackground').show();

关于jquery - 如何为数据表中动态添加的子行添加背景颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60295108/

相关文章:

javascript - jQuery.fn - 为什么这不起作用?

javascript - 如何控制元素不出现错误?

javascript - jQuery 表中的表长度

css - div 仅覆盖图像的整个区域

html - 使用 CSS 自定义字体 - 仅适用于 Internet Explorer

Angular 数据表 - 刷新表

javascript - 在浏览器确定其宽度后获取元素的宽度

css - 如何控制 Firefox 中范围输入旋钮的形状?

javascript - datatables DOM 元素完全加载时的回调函数

azure - 从所有表的 azure databricks 数据库列获取值