Angular2：检索数据后更新表视图

我有一张简单的桌子，像

<table class="table table-bordered table-condensed table-hover table-striped ">
<thead>
    <tr>
        <th>Benutzer</th>
        <th>Vorname</th>
        <th>Nachname</th>
    </tr>
</thead>
<tbody>
  <tr *ngFor="let empl of employers">
        <td>{{empl.name}}</td>
        <td>{{empl.firstName}}</td>
        <td>{{empl.lastName}}</td>
  </tr>
</tbody>
</table>

这会在表格周围绘制边框-只要不包含任何数据就可以了。但是，当我有包含大量内容的数据时，表会拉伸，并且边框不会重新绘制/刷新

---

如何在

*ngFor

完成后再次计算

面板主体的边界？
问题更多的是CSS而不是角度。如果在具有固定宽度的DIV元素中有一个长TABLE元素，那么该表将溢出DIV（变宽）

要解决这个问题，您可以在div上设置“overflow:auto”，也可以限制表单元格的长度（通过设置“table layout:fixed”，设置其宽度并将其单元格的内容包装在div中，使其溢出：隐藏）。或者，您可以使用一些响应结构来代替表格。例如弹性布局。
您可以使用
*ngIf=“employers”
，这可以帮助您在条件为真时加载区域。我认为了解表格和面板主体的CSS属性（主要是“显示”和“溢出”）很重要。显示数据后，表格是否溢出面板主体元素？@JánHalaša：对您的问题：是的，表格在显示后超出了面板主体大小。当没有足够的空间时，我会缩小窗口，边框会比桌子本身收缩得多。谢谢！
style=“overflow:auto”
修复了此问题！
<div class="panel-heading">{{title}}</div>
<div class="panel-body">
  .... table ....
</div>