在具有 flex-direction: row 的 flexbox 中时，Ngx-datatable 不会收缩

Question

我将 2 个块级元素放置在容器 div 中，其中 display: flex; 和 flex-direction: row;。第一个元素有一个固定的并且不会缩小或扩展到水平浏览器调整大小。第二个元素是 Ngx-datatable，它应该在浏览器水平调整大小时收缩和扩展。

当我尝试增加浏览器宽度时，table 按预期增长。当我尝试减小浏览器宽度时出现问题。 table 不会收缩，而是将溢出的内容放在滚动条上。

截图：https://i.imgur.com/wJHjziR.png

演示：https://stackblitz.com/edit/angular-vimhiq

我的目标是让 table 响应大小，以便它可以随着浏览器调整大小而增大和缩小。

Answer 1

.table-wrapper { 
   min-width: 0;
   ...
} 

解决您的问题。