bootstrapTable设置行样式(背景颜色)

bootstrapTable设置行样式(背景颜色)

bootstrap table定义代码:

$table.bootstrapTable({
    showExport: true,
    height: 540,
    rowStyle:rowStyle,//通过自定义函数设置行样式
    columns: [
        {
            field: id,
            title: 序号,
            align: center,
            sortable: true
        }, {
            field: sid,
            title: 学号,
            align: center
        },
    ]
});

bootstrapTable设置行样式(背景颜色)函数1:通过调用bootstrap默认的样式来设置指定行的背景颜色

function rowStyle(row, index) {
    var classes = [active, success, info, warning, danger];
    if (index % 2 === 0 && index / 2 < classes.length) {
        return {
            classes: classes[index / 2]
        };
    }
    return {};
}

bootstrapTable设置行样式(背景颜色)函数2:调用自定义样式设置指定行的字体颜色

function rowStyle(row, index) {
    var style = {};            
    style={css:{color:#ed5565}};               
    return style;
}
经验分享 程序员 微信小程序 职场和发展