bootstrapTable行样式设置

bootstrapTable行样式设置_第1张图片
//按需求设置不同的样式:5个取值代表5中颜色[‘active’, ‘success’, ‘info’, ‘warning’, ‘danger’];

options.rowStyle = function (row, index) {
                var style = "";
                style='active';
                return { classes: style }
            };

**

隔行变色

**

  1. 对象.striped = true
    在这里插入图片描述
  2. css样式更改
table tr:nth-child(even){
        background: #ccc;
    }

bootstrapTable行样式设置_第2张图片

  1. 自定义字体颜色,或者背景颜色(全文中的options是我自己这个项目定义的,不要照抄)
options.rowStyle = function (row, index) {
                var style = {};
                style={css:{'color':'#ed5565'}};
                return style;
            } ;

鼠标放到列表上时,那行的底色变化

 .table>tbody>tr:hover {
        background-color:#99FF33;
    }

在这里插入图片描述

你可能感兴趣的:(bootstrapTable行样式设置)