angular - 我应该使用“标题已经说明了，我应该使用哪一个？有/有什么区别 <table mat table [dataSource]="items" ... 或者 <mat table [dataSource]="items" ... 在我的 HTML 标记中？ 粗略一看，它们都工作得很好，但我认为一定有区别......

Answer 1

选项 1 Stackblitz : <mat-table>: 当你用作元素时，它使用 CSS flex-box 属性来对齐你的数据/表格，所以当你有很长的文本时它不会自动调整大小，除非另有说明。注意使用这个选项你必须妥协，例如如果需要你不能跨越你的行/rowspan列colspan

选项 2 Stackblitz : table[mat-table]: 当您将其用作 html 表格的属性时，td会根据单元格依次根据列自动调整其内容的大小。所以整列得到宽度

现代方法是使用Option-1 CSS flex-box 方法，但是如果单元格中的内容很长，则可以将列宽指定为较大的数字，但是如果您不想去很多麻烦您可以将它与Option-2 本机 html一起使用table/tr/td

这是Angular材料表的源代码

感谢@joyBlanks