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

<style>
    /* bootstrap-table 表头在 .fixed-table-header 克隆表里，需单独居中 .th-inner */
    .procuremen-sms-template-page .bootstrap-table thead th,
    .procuremen-sms-template-page .fixed-table-header thead th,
    .procuremen-sms-template-page .fixed-table-container thead th {
        text-align: center !important;
        vertical-align: middle !important;
    }
    .procuremen-sms-template-page .bootstrap-table thead th .th-inner,
    .procuremen-sms-template-page .fixed-table-header thead th .th-inner,
    .procuremen-sms-template-page .fixed-table-container thead th .th-inner {
        text-align: center !important;
        justify-content: center !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    .procuremen-sms-template-table {
        table-layout: fixed;
        width: 100% !important;
    }
    .procuremen-sms-template-page .bootstrap-table tbody td,
    .procuremen-sms-template-table tbody td {
        text-align: center !important;
        vertical-align: middle !important;
    }
    .procuremen-sms-template-table .sms-content-cell {
        text-align: center;
    }
    .procuremen-sms-template-table td.col-sms-content,
    .procuremen-sms-template-table th.col-sms-content {
        width: 360px;
        max-width: 360px;
        white-space: normal !important;
        word-break: break-word;
    }
    .procuremen-sms-template-table .sms-content-cell {
        white-space: pre-wrap;
        word-break: break-word;
        line-height: 1.55;
        max-width: 100%;
    }
    .procuremen-sms-template-table td[data-field="status"],
    .procuremen-sms-template-table td[data-field="updatetime"] {
        white-space: nowrap !important;
    }
</style>
<div class="panel panel-default panel-intro">
    {:build_heading()}

    <div class="panel-body procuremen-sms-template-page">
        <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>
                <a href="javascript:;" class="btn btn-success btn-edit btn-disabled disabled {:$auth->check('procuremensms/edit')?'':'hide'}" title="{:__('Edit')}" data-area='["960px","580px"]'><i class="fa fa-pencil"></i> {:__('Edit')}</a>
            </div>
            <table id="table" class="table table-striped table-bordered table-hover procuremen-sms-template-table"
                   data-operate-edit="{:$auth->check('procuremensms/edit')}"
                   width="100%">
            </table>
        </div>
    </div>
</div>