Maison > interface Web > Tutoriel d'amorçage > le corps du texte

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

藏色散人
Libérer: 2019-07-23 11:15:15
original
5445 Les gens l'ont consulté

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'
        },
    ]
});
Copier après la connexion

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 {};
}
Copier après la connexion

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;
}
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal