在具有 flex-direction: 行的 flexbox 中 Ngx-datatable 不会缩小

Question

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

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

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

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

我的目标是让表格响应大小，以便它在浏览器调整大小时增长和缩小。

Answer 1

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

解决您的问题。