数据表居中对齐

Question

我在页面上有一个表格，并使用数据表检索和显示内容。但列未与中心对齐。这就是它现在的样子。 Click Here .这就是我创建表格的方式

$(document).ready(function() {
manageMemberTable = $("#manageMemberTable").DataTable({


    "ajax": "php_actionsms/retrieve.php",
    "order": [[0,'desc']]
});

HTML代码：

<div class="container">
    <div class="row">
        <div class="col-md-12">

            <center><h1 class="page-header">TMTRO Iloilo <small>Accident Report Records</small> </h1></center>

            <div class="removeMessages"></div>
            <br /> <br /> <br />

            <table class="table table-responsive " id="manageMemberTable">                  
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Recipient</th>
                        <th>Recipient Number</th>
                        <th>Place</th>
                        <th>Officer</th>
                        <th>Date&Time</th>                                              
                        <th>Sent to Icer</th>
                        <th>Option</th>
                    </tr>
                </thead>
            </table>
        </div>
    </div>
</div>

Answer 1

在定义数据表时添加：

"columnDefs": [
    {"className": "dt-center", "targets": "_all"}
]

将此添加到您的 CSS：

 th.dt-center, td.dt-center { text-align: center; }