在具有flex-direction的flexbox中，ngx-datatable不缩小：行

Question

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

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

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

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

我的目标是使表具有响应性，以便它在浏览器调整大小时可以增长和收缩。

Answer 1

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

解决了您的问题。