Bootstrap table插件 隐藏复选框,被选中的行颜色改变

隐藏复选框图标

<style>
    .bs-checkbox{
        display: none;
    }
</style>

修改被选中的行颜色

在 bootstrap-table.min.css 中修改源码,或者backend.css

//选中行颜色
.fixed-table-container tbody .selected td {
  background-color: rgba(119, 211, 241, 0.5);
}

在bootstrap.min.css中修改源码

//奇偶行颜色
.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}
//滑过的颜色
.table-hover>tbody>tr:hover{background-color:#FAFAD2}
多选框禁止多选

在页面JS中设置
​​​​​​​singleSelect:true,//单行选择单行,设置为true将禁止多选