mat-table-如果任何列的内容很长，则溢出父div

Question

使用角形材料组件的垫表和角形柔性布局在div内显示数据表。

stackblitz link

无法固定div内表格的宽度。如果该列中的任何一个具有更长的数据，则该表将溢出父div。

预期的行为是显示具有较长数据的列的椭圆，并且表的宽度应固定（父div内100％），而不依赖于列数据。

Answer 1

这是一个scss / css问题。 您可以使用下面提供的此类覆盖CSS。将该代码添加到应用程序中的css / scss或style.css中。

import csv data = open(r"C:\Users\miche\Documents\school\jaar2\MIK\2.6\vektis_agb_zorgverlener") data = csv.reader(data) print(data)

想法是将内容包装在特定行内，无论内容多长时间。 您可以在stackblitz here

中找到示例代码。

Answer 2

最好的解决方案是不使用自定义CSS

Just Replace Your <table></table> Tag with <mat-table></mat-table>

我希望这对您有用