bootstrap-table 使用遇到的问题总结：1.右上角button样式自定义；2.右上角引用图标自定义；3.表头/表格内容显示不对齐；4.自定义设置表头及表格边框样式

//修改bootstrap-table右上角按钮样式
    $(".table-box .columns-right button").removeClass("btn-secondary").css({"backgroundColor": "#fafafa","border": "1px solid #c2c2c2","color": "#333333"});

iconsPrefix: ‘fa‘,                        //定义图标集名称（‘glyphicon‘或‘fa‘FontAwesome）。默认情况下‘fa‘用于Bootstrap v4。
        icons:  {
            refresh: ‘fa-refresh‘,
            columns: ‘fa-th-list‘,
            toggleOff: ‘fa-toggle-off‘,
            toggleOn: ‘fa-toggle-on‘,
            detailOpen: ‘fa-plus‘,
            detailClose: ‘fa-minus‘,
            fullscreen: ‘fa-arrows-alt‘
        },

.fixed-table-container thead th , .fixed-table-container tbody td{
    border:0px;
    border-bottom: 1px solid #c2c2c2;
}

rowStyle: function (row, index) {
            return {
                css: {
                    "border": "0px",
                    "border-bottom":"1px solid red",//此处设置border后，复选框一列没有border值，最好还是用css设置tr的border
                    "height": "30px",
                    "padding": "0 10px"
                }
            };
        },