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;
    }
  • 相关阅读:
    OpenCV图像的二值化
    OpenCV图像Canny边缘检测
    OpenCV图像的缩放
    OpenCV加载图像并显示
    MFC主窗口架构模型
    MFC架构
    C++多态
    uniGUI试用笔记(九)
    uniGUI试用笔记(八)
    uniGUI试用笔记(七)
  • 原文地址:https://www.cnblogs.com/zhangzhiping35/p/11189522.html
Copyright © 2011-2022 走看看