xh-erp.7in6.com/application/admin/view/supplierservicescore/index.html

<style>
    /* 表格铺满内容区，表头与单元格强制居中 */
    .supplierservicescore-page .bootstrap-table > .fixed-table-container,
    .supplierservicescore-page .bootstrap-table > .fixed-table-pagination {
        max-width: none;
        width: 100%;
    }
    .supplierservicescore-page .bootstrap-table .fixed-table-container .table,
    .supplierservicescore-page .bootstrap-table .fixed-table-body .table,
    .supplierservicescore-page .bootstrap-table .fixed-table-header .table {
        width: 100% !important;
        max-width: none;
        table-layout: fixed;
    }
    .supplierservicescore-page .bootstrap-table .table > thead > tr > th,
    .supplierservicescore-page .bootstrap-table .table > tbody > tr > td,
    .supplierservicescore-page .bootstrap-table .fixed-table-header .table > thead > tr > th,
    .supplierservicescore-page .bootstrap-table .fixed-table-body .table > tbody > tr > td,
    .supplierservicescore-page .bootstrap-table .fixed-table-container thead th,
    .supplierservicescore-page .bootstrap-table .fixed-table-container tbody td {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle !important;
        text-align: center !important;
    }
    .supplierservicescore-page .bootstrap-table .fixed-table-container thead th .th-inner,
    .supplierservicescore-page .bootstrap-table .fixed-table-container thead th .th-inner.sortable,
    .supplierservicescore-page .bootstrap-table .fixed-table-container thead th .sortable,
    .supplierservicescore-page .bootstrap-table .table > thead > tr > th .th-inner,
    .supplierservicescore-page .bootstrap-table .fixed-table-header .table > thead > tr > th .th-inner {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        text-align: center !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
        margin: 0 auto !important;
        float: none !important;
    }
    /* 操作列固定右侧，横向滚动时始终可见 */
    .supplierservicescore-page .bootstrap-table .fixed-table-header th.ssc-operate-col,
    .supplierservicescore-page .bootstrap-table .fixed-table-body td.ssc-operate-col,
    .supplierservicescore-page .bootstrap-table th[data-field="operate"],
    .supplierservicescore-page .bootstrap-table td[data-field="operate"] {
        position: sticky;
        right: 0;
        background: #fff;
        z-index: 5;
        overflow: visible !important;
        box-shadow: -4px 0 8px rgba(0, 0, 0, 0.06);
        border-left: 1px solid #e8e8e8 !important;
    }
    .supplierservicescore-page .bootstrap-table .fixed-table-header th.ssc-operate-col,
    .supplierservicescore-page .bootstrap-table th[data-field="operate"] {
        z-index: 6;
        background: #f5f5f5;
    }
    .supplierservicescore-page .bootstrap-table .table-striped > tbody > tr:nth-of-type(odd) > td.ssc-operate-col,
    .supplierservicescore-page .bootstrap-table .table-striped > tbody > tr:nth-of-type(odd) > td[data-field="operate"] {
        background: #f9f9f9;
    }
    .supplierservicescore-page .bootstrap-table .table-hover > tbody > tr:hover > td.ssc-operate-col,
    .supplierservicescore-page .bootstrap-table .table-hover > tbody > tr:hover > td[data-field="operate"] {
        background: #f5f5f5;
    }
</style>
<div class="panel panel-default panel-intro supplierservicescore-page">
    {:build_heading()}
    <div class="panel-body">
        <div class="widget-body no-padding">
            <div id="toolbar" class="toolbar">
                <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}"><i class="fa fa-refresh"></i> 刷新</a>
                <span style="display:inline-block;margin-left:10px;vertical-align:middle;">
                    <a href="javascript:;" class="btn btn-success btn-export-review" id="btn-export-review" title="按月份导出供应商评审表">
                        <i class="fa fa-download"></i> 导出供应商评审表
                    </a>
                    <label style="margin:0 6px 0 10px;font-weight:normal;" for="export-review-ym">查询月份</label>
                    <input type="month" id="export-review-ym" class="form-control input-sm" style="display:inline-block;width:150px;height:30px;vertical-align:middle;" title="选择月份后自动查询该月评分"/>
                </span>
            </div>
            <table id="table" class="table table-striped table-bordered table-hover table-nowrap text-center"></table>
        </div>
    </div>
</div>