Bootstrap Table 動態修改行的顏色

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 修改樣式 因為全選的時候 它會覆蓋你修改的顏色