zoukankan      html  css  js  c++  java
  • theadClasses设置Bootstrap Table表头样式

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

    thead-light设置灰色背景

    //bootstrap table初始化数据  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  
    });
    

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

    <style>
    /*定义类名为.thead-blue的样式*/ 
    .table .thead-blue th {
    color: #fff;
    background-color: #3195f1;
    border-color: #0d7adf;
    }
    </style>
    //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  
    });  
    
    

    转载:http://www.itxst.com/Bootstrap-Table/

  • 相关阅读:
    Manjaro中添加gitee的公钥部署
    另类的linux系统
    mac的快捷键flykey应用
    tidb总览
    raft算法
    tidb的tidb
    tidb的tikv
    tidb的pd
    切尔诺贝利事故
    血钻
  • 原文地址:https://www.cnblogs.com/logspool/p/11026172.html
Copyright © 2011-2022 走看看