我应该用"<表垫表...... "还是"<垫表......"

问题描述 投票:10回答:1

题目已经说了,我应该用哪种,有什么区别,是否有

<table mat table [dataSource]="items" ...

<mat table [dataSource]="items" ...

在我的HTML标记中?

粗略地看了一下,它们都能正常工作,但我想一定有区别......。

EDIT:我特别提到了可调整大小的列,就像这个例子。https:/stackblitz.comeditangular-rtfc5v?file=src%2Fapp%2Fapp.component.html。

如果你换了

angular tags mat-table
1个回答
0
投票

选择1: <mat-table>: 当你作为一个元素使用时,它使用CSS flex-box属性来对齐你的datable,所以。当你有很长的文字时,它不会自动调整大小。 除非另有规定。请注意,使用这个选项,你必须在行跨度和列跨度上做出妥协,例如,如果需要的话,你不能跨行,也不能跨列。

备选方案2: table[mat-table]: 当你把td作为html表格的属性时,你会发现,你的表格里有很多东西。负责自动调整大小 它的内容是基于单元格的,再基于列的。所以整个列得到的宽度是

现代的做法是使用 选项-1 CSS弹性框方法但如果你的单元格里有很长的内容,你可以将列宽指定为一个很大的数字,但如果你不想去很多麻烦,你可以使用它与 选项-2 原生html表trtd

这里是 源头 Angular材质表的代码

感谢@joyBlanks

© www.soinside.com 2019 - 2024. All rights reserved.