Heim >Web-Frontend >Bootstrap-Tutorial >So fügen Sie Zeilen in der Bootstrap-Tabelle Hintergrundfarbe hinzu

So fügen Sie Zeilen in der Bootstrap-Tabelle Hintergrundfarbe hinzu

藏色散人
藏色散人Original
2019-07-23 11:15:155489Durchsuche

So fügen Sie Zeilen in der Bootstrap-Tabelle Hintergrundfarbe hinzu

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:{&#39;color&#39;:&#39;#ed5565&#39;}};               
    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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn