xiaobao6652

Bootstrap Table 官网地址 https://bootstrap-table.com/
百度搜了大量资料 还是找不 动态改变行的颜色,一般搜索到的都是 初始化的时候  使用 rowStyle 控制

  rowStyle: function (row, index) { // 提示 标红
                    if (row.repeat == 1) {

                        return { css: { \'background-color\': \'yellow\' } };
                    } else if (row.repeat == 2) {
                        return { css: { \'background-color\': \'red\' } };
                    }
                    return { css: { \'background-color\': \'\' } };
                },//通过自定义函数设置行样式

这样这样我们不知道后期怎么动态的具体修改某行的颜色

但是

后来在文档中找到了 updateRow  方法  看我们怎么使用它

var allTableData = $table.bootstrapTable(\'getData\');//获取表格的所有内容行
                    $(allTableData).each(function (i, k) {
                        $table.bootstrapTable(\'updateRow\', {
                            index: i,
                            row: {
                                repeat: 1
                            }
                        });
                    });

结合上面的 rowStyle ,这样 我们就完成了 动态修改 行颜色的功能,修改数据内容,它会自动刷新 rowStyle 方法 。

注意不要使用 classes 修改样式 因为全选的时候 它会覆盖你修改的颜色

分类:

技术点:

相关文章:

  • 2021-07-28
  • 2021-12-26
  • 2021-09-07
  • 2021-06-08
  • 2021-11-13
  • 2021-11-12
  • 2021-11-30
  • 2021-12-01
猜你喜欢
  • 2021-09-19
  • 2021-08-06
  • 2021-11-19
  • 2022-01-01
  • 2021-10-16
  • 2021-11-23
  • 2021-11-16
相关资源
相似解决方案