將行添加到表中會更改寬度？

Question

當我將tr行添加到現有的tbody時，表格的寬度「奇蹟般」發生變化 - 爲什麼這樣/如何防止這種情況？

我的HTML：

<table class="table table-hover table-sm" style="width: 50%"> 
    <thead> 
     <tr> 
      <th>ID</th> 
      <th>Name</th> 
      <th>Info</th> 
     </tr> 
    </thead> 
    <tbody id="list"> 
    </tbody> 
</table> 

此表駐留在引導網格列內（流體容器內，如果該事項）。在開始時，表格填充網格列寬度的50％，在通過JavaScript添加行之後，表格的寬度發生變化，甚至超出網格，導致設計不良。

Answer 1

這個類添加到您的表

.is-breakable { 
    word-break: break-word; 
}