So fügen Sie Hintergrundfarbe zu Zeilen in der Bootstrap-Tabelle hinzu
Bootstrap-Tabellendefinitionscode:
$table.bootstrapTable({ showExport: true, height: 540, rowStyle:rowStyle,//通过自定义函数设置行样式 columns: [ { field: 'id', title: '序号', align: 'center', sortable: true }, { field: 'sid', title: '学号', align: 'center' }, ] });
bootstrapTable Zeilenstil festlegen (Hintergrundfarbe) Funktion 1: Legen Sie die Hintergrundfarbe der angegebenen Zeile fest, indem Sie den Bootstrap-Standardstil
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 aufrufen. Zeilenstil festlegen (Hintergrundfarbe) Funktion 2: Benutzerdefinierten Stil aufrufen, um den festzulegen angegebene Zeile Schriftfarbe
function rowStyle(row, index) { var style = {}; style={css:{'color':'#ed5565'}}; return style; }
Verwandte Empfehlungen: „Bootstrap-Tutorial“
Das obige ist der detaillierte Inhalt vonSo fügen Sie Zeilen in der Bootstrap-Tabelle Hintergrundfarbe hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!