Maison  >  Article  >  interface Web  >  Comment ajouter une couleur d'arrière-plan aux lignes du tableau bootstrap

Comment ajouter une couleur d'arrière-plan aux lignes du tableau bootstrap

藏色散人
藏色散人original
2019-07-23 11:15:155440parcourir

Comment ajouter une couleur d'arrière-plan aux lignes du tableau bootstrap

Comment ajouter une couleur d'arrière-plan aux lignes de la table bootstrap

Code de définition de la table bootstrap :

$table.bootstrapTable({
    showExport: true,
    height: 540,
    rowStyle:rowStyle,//通过自定义函数设置行样式
    columns: [
        {
            field: 'id',
            title: '序号',
            align: 'center',
            sortable: true
        }, {
            field: 'sid',
            title: '学号',
            align: 'center'
        },
    ]
});

bootstrapTable définition du style des lignes (couleur d'arrière-plan) fonction 1 : définir la couleur d'arrière-plan de la ligne spécifiée en appelant le style par défaut de 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 Définir le style de ligne (couleur d'arrière-plan) Fonction 2 : appeler le style personnalisé pour définir le ligne spécifiée Couleur de police

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

Recommandations associées : "tutoriel bootstrap"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn