bootstrap table给行怎么加背景色

2020-08-02 05:32:52

bootstrap table给行怎么加背景色

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;}

相关推荐:《bootstrap教程》

相关文章 大家在看