zoukankan      html  css  js  c++  java
  • bootstrapTable设置行样式(背景颜色)

    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;
    }
  • 相关阅读:
    hbase
    spark-streaming
    spark-Scala
    经典台词二
    星爷电影经典台词一
    Hadoop第一阶段总结
    测试2
    POI 表格数据导出
    GC垃圾回收机制
    Java常见的200道面试题
  • 原文地址:https://www.cnblogs.com/zhangzhiping35/p/11189522.html
Copyright © 2011-2022 走看看