Html 向表中添加行会更改宽度吗？

当我将

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添加行后，表格的宽度会发生变化，甚至超出网格，导致设计不好。

将此类添加到表格中

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

---

将该类添加到表中

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

---

添加的行的内容是什么？你可以发布javascript吗？添加的行的内容是什么？你能发布javascript吗？