headClasses设置Bootstrap Table表头样式

通过theadClasses属性设置表头样式。

thead-light设置灰色背景 

//bootstrap table初始化数据 by itxst.com
$('#table').bootstrapTable({
    columns: columns,
    data: getData(),
    theadClasses: "thead-light",//这里设置表头样式
    classes: "table table-bordered table-striped table-sm table-dark", 
    height:400  
});

thead-dark设置黑色背景

//bootstrap table初始化数据
$('#table').bootstrapTable({
    columns: columns,
    data: getData(),
    theadClasses: "thead-dark",//这里设置表头样式
    classes: "table table-bordered table-striped table-sm table-dark", 
    height:400  
});

  参考: http://www.itxst.com/Bootstrap-Table

自定义一个蓝色的表头样式


//bootstrap table初始化数据
$('#table').bootstrapTable({
    columns: columns,
    data: getData(),
    theadClasses: "thead-blue",//设置thead-blue为表头样式
    classes: "table table-bordered table-striped table-sm table-dark", 
    height:400  
});

 

你可能感兴趣的:(js)