Bootstrap 4，thead和tr不对齐

Question

我有此页面，其中包含jquery，bootstrap 4表

这是网址 http://vault.shopshop.space/

当我点击下拉菜单选择不同的日期时，我的jquery将删除tbody并附加一些新的数据行，例如<tr><td>...</td></tr>

初始化加载（全屏正常）

选择过滤器后（效果不好，广告未对齐）

Answer 1

仔细观察：tbody在thead下：

结果：

您应该附加到表格中，或使用insertAfter（http://api.jquery.com/insertafter/）

Answer 2

您将<< strong> tbody >元素添加到<< strong> thead >中。 您应该清空正文，然后将表行附加到正文>中。

<table>
   <thead>
       <tr>
        <th>col 1</th>
        <th>col 2</th>
        <th>col 3</th>
       </tr>
   </thead>
   <tbody>
       <!-- Empty -->
   </tbody>
</table>

然后附加在<< strong>正文>中：

$("tbody").append("<tr>
           <td>col 1<td><td>col 2<td><td>col 3<td>
           </tr>")