Question

好的全部，我在交换中遇到了很多类似的情况，但我仍然没有找到解决方案，似乎没有任何效果。首先，解释一下：我在可折叠的手风琴控制中使用了dataTable。 HTML在下面。

<div class="row">
  <div class="col-lg-12">
    <table width="100%" class="table table-striped table-bordered table-hover" id="sTable">
      <thead>
        <tr>
          <th>
            <center><button type="button" title="Delete All" onclick="delAll();" class='btn btn-danger btn-sm btn-inline'><i class="fa fa-trash-o fa-1x"></i></button></center>
          </th>
          <th>Slot Number</th>
          <th>Date</th>
          <th>Time</th>
          <th>Flight</th>
          <th>Location</th>
          <th>Status</th>
          <th></th>
        </tr>
      </thead>
      <tbody>
        <tr class="odd gradeX">
          <td align="center">
            <button type="button" title="Delete" onclick="del();" class='btn btn-danger btn-sm btn-inline'><i class="fa fa-trash-o fa-1x"></i></button>
          </td>
          <td><%=value%></td>
          <td><%=value%></td>
          <td><%=value%></td>
          <td><%=value%></td>
          <td><%=value%></td>
          <td><%=value%></td>
          <td><%=value%></td>
        </tr>
      </tbody>
    </table>
  </div>
</div>

我在代码底部有以下jscript：

$('#sTable').DataTable( {
  scrollY: "250px",
  scrollCollapse: true,
  paging: false,
  info: true,
  searching: false,
  ordering: false
});

无论我做什么 - 我都无法让标题与身体对齐。但是，当我＆＃34;调整＆＃34;浏览器屏幕以任何方式对齐！？！？

想法？我已经在StackExchange中尝试了所有已经被注意到作为答案的内容......但无济于事。

Thanx提前！

dataTable标头未对齐

0 个答案: