layui 渲染指定id表格某一行数据背景颜色 后 渲染原背景色

可以通过以下步骤实现：

1. 记录原背景色，可以通过获取该行元素的style属性中的background-color属性值来获取。
2. 使用layui的表格渲染完成后，通过jQuery或原生JavaScript获取到指定id表格中需要修改背景色的行元素。
3. 修改该行元素的style属性中的background-color属性值为需要的颜色。
4. 当需要还原该行元素的背景色时，将该行元素的background-color属性值设置为之前记录的原背景色即可。

示例代码：

// 记录原背景色
var originalColor = $('#tableId tr:eq(1)').css('background-color');

// 修改背景色
$('#tableId tr:eq(1)').css('background-color', 'red');

// 还原原背景色
$('#tableId tr:eq(1)').css('background-color', originalColor);

其中，`#tableId`为需要操作的表格的id，`tr:eq(1)`为需要修改背景色的行元素，可以根据实际情况进行修改。

相关问题

layui 渲染指定id表格某一行数据背景颜色

和上面的实现方式相比，这里需要指定表格的id，然后根据id选择器选中指定的表格，并且设置指定行的背景颜色，代码如下：

var table = layui.table;
table.render({
    elem: '#demo',
    cols: [[
      {field: 'id', title: 'ID', width:80},
      {field: 'username', title: '用户名', width:120},
      {field: 'sex', title: '性别', width:80, sort: true},
      {field: 'city', title: '城市', width:100},
      {field: 'sign', title: '签名', width: 200},
      {field: 'experience', title: '积分', width: 80, sort: true},
      {field: 'score', title: '评分', width: 80, sort: true},
      {field: 'classify', title: '职业', width: 100},
      {field: 'wealth', title: '财富', width: 135, sort: true},
      {fixed: 'right', title:'操作', toolbar: '#barDemo', width:150}
    ]],
    data: tableData,
    done: function(res, curr, count) {
        // 设置id为demo的表格中第二行的背景颜色为 #F2F2F2
        var tableElem = $('#demo');
        var trElem = tableElem.next('.layui-table-view').find('tbody tr:nth-child(2)');
        trElem.css('background-color', '#F2F2F2');
    }
});

在上述代码中，通过 `$` 函数选中 id 为 demo 的表格，然后通过 `next` 方法选中表格的兄弟元素 `.layui-table-view`，再通过 `find` 方法选中该兄弟元素下的第二行，并设置该行单元格的背景颜色为 #F2F2F2。

这样，您就可以实现在指定 id 的 layui 表格中设置某一行的背景颜色了。

layui 渲染表格某一行数据背景颜色

您可以使用 layui 的表格渲染功能，通过设置单元格的样式来实现表格某一行的背景颜色。具体实现方式如下：

1. 在表格渲染之前，定义一个回调函数，用于设置单元格的样式。

var table = layui.table;
table.render({
    elem: '#demo',
    cols: [[ //表头
      {field: 'id', title: 'ID', width:80},
      {field: 'username', title: '用户名', width:120},
      {field: 'sex', title: '性别', width:80, sort: true},
      {field: 'city', title: '城市', width:100},
      {field: 'sign', title: '签名', width: 200},
      {field: 'experience', title: '积分', width: 80, sort: true},
      {field: 'score', title: '评分', width: 80, sort: true},
      {field: 'classify', title: '职业', width: 100},
      {field: 'wealth', title: '财富', width: 135, sort: true},
      {fixed: 'right', title:'操作', toolbar: '#barDemo', width:150}
    ]],
    data: tableData,
    done: function(res, curr, count) {
        // 设置第二行的背景颜色为 #F2F2F2
        var trElem = $('.layui-table tbody tr:nth-child(2)');
        trElem.css('background-color', '#F2F2F2');
    }
});

在上述代码中，通过 done 回调函数来实现对表格的单元格样式进行设置。

2. 在回调函数中通过 jQuery 选择器选中表格中的某一行，并设置该行单元格的背景颜色。

var trElem = $('.layui-table tbody tr:nth-child(2)');
trElem.css('background-color', '#F2F2F2');

在上述代码中，通过 jQuery 选择器选中表格中的第二行，并设置该行单元格的背景颜色为 #F2F2F2。

通过以上实现方式，您就可以在 layui 的表格中设置某一行的背景颜色了。