Question

我试图了解如何将我的标签分配给他们，这些标签被称为＆＃34; nosortable＆＃34;使其单元格的内容完全居中，无论是复选框还是文本。我尝试应用0的填充权限，但是这一切都取消了。他们有什么想法吗？

<table id="basicTable" class="table table-striped table-bordered responsive">
    <thead class="">
        <tr>
            <th class="nosortable center"><input type="checkbox" id="selectall" /></th>
            <th class="center">ID</th>
            <th>Name</th>
            <th>Email Address</th>
            <th>Username</th>
            <th>Role</th>
            <th>Status</th>
            <th class="nosortable center">Actions</th>
        </tr>
    </thead>

    <tbody>
         <tr>
                <td class="center"><input type="checkbox" name="check[]" class="tablecheck" data-id="1"/></td>
                <td class="center">1</td>
                <td>My name</td>
                <td>myemail@email.com</td>
                <td>testuser</td>
                <td>Owner</td>
                <td>Active</td>
                <td class="center">
                    <a data-original-title="Edit" href="" data-toggle="tooltip" title="" class="tooltips"><i class="fa fa-pencil"></i></a>
                    <a data-original-title="Delete" href="" data-toggle="tooltip" title="" class="delete-row tooltips"><i class="fa fa-trash-o"></i></a>            
                </td>
            </tr>
       </tbody>
   </table>

http://jsfiddle.net/xtremer360/cLzj4kL1/

Answer 1

在样式表中添加以下内容

table#basicTable th {
   text-align: center;
}

将数据表中的内容居中

1 个答案: