bootstrap table如何給行加背景色

這篇文章主要為大家展示了“bootstrap table如何給行加背景色”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“bootstrap table如何給行加背景色”這篇文章吧。

bootstrap table定義代碼：

$table.bootstrapTable({    showExport: true,    height: 540,    rowStyle:rowStyle,//通過自定義函數(shù)設(shè)置行樣式    columns: [        {            field: 'id',            title: '序號(hào)',            align: 'center',            sortable: true        }, {            field: 'sid',            title: '學(xué)號(hào)',            align: 'center'        },    ]});

bootstrapTable設(shè)置行樣式(背景顏色)函數(shù)1：通過調(diào)用bootstrap默認(rèn)的樣式來設(shè)置指定行的背景顏色

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設(shè)置行樣式(背景顏色)函數(shù)2：調(diào)用自定義樣式設(shè)置指定行的字體顏色

function rowStyle(row, index) {    var style = {};                style={css:{'color':'#ed5565'}};                   return style;}

以上是“bootstrap table如何給行加背景色”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！