在Angular 7中设置列宽度有多种方法,以下是其中一种解决方案的代码示例:
Column 1
Column 2
Column 3
{{ data.column1 }}
{{ data.column2 }}
{{ data.column3 }}
export class AppComponent {
columnWidths = [100, 200, 150]; // 列宽度数组
tableData = [
{ column1: 'Data 1', column2: 'Data 2', column3: 'Data 3' },
{ column1: 'Data 4', column2: 'Data 5', column3: 'Data 6' },
...
]; // 表格数据
}
columnWidths
数组中的值,可以动态改变列宽度。这个示例中使用了[style.width.px]
绑定属性来设置列宽度,px
表示使用像素单位。你可以根据需要使用其他单位,比如%
或em
。通过修改columnWidths
数组中的值,你可以动态改变列宽度。
希望这个示例能够帮助到你!