首頁 >web前端 >Bootstrap教程 >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教程》
以上是bootstrap table給行怎麼加背景色的詳細內容。更多資訊請關注PHP中文網其他相關文章!