您好,登錄后才能下訂單哦!
這篇文章主要為大家展示了“bootstrap table如何給行加背景色”,內容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領大家一起研究并學習一下“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 table如何給行加背景色”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。