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

Question

使用 Angular Material 组件 mat-table 和 Angular Flex 布局在 div 内显示数据表。

堆栈闪电战链接

无法修复 div 内表格的宽度。如果任何列的数据较长，则表会溢出父 div。

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

Answer 1

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

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

我希望这对你有用