在 primeng 数据表中显示列值
Displaying column value in primeng datatable
我有以下primeng数据table配置:
private cars : any =
{
"data": [
{ "time": "9:30AM-10:30AM",
"Monday": {"Subject": "Physics"},
"Tuesday": 2012,
"Wednesday": "Orange",
"Thursday": "dsad231ff",
"Friday": "dsad231ff"
},
{ "time": "10:30AM-11:00AM",
"Monday": {"Subject": "Maths"},
"Tuesday": 213213,
"Wednesday": "efrwr",
"Thursday": "dsad231ff",
"Friday": "aaaaa"
},
]
}
cols: any = [
{field: 'time', header: ''},
{field: 'Monday', header: 'Monday'},
{field: 'Tuesday', header: 'Tuesday'},
{field: 'Wednesday', header: 'Wednesday'},
{field: 'Thursday', header: 'Thursday'},
{field: 'Friday', header: 'Friday'}
];
和html:
<p-dataTable [value]="cars">
<p-column *ngFor="let col of cols" [field]="col.field" [header]="col.header"></p-column>
</p-dataTable>
正如您在数据中看到的那样,其中一个值是一个对象 "Monday": {"Subject": "Physics"},
在 table 单元格中,如何使用键 Subject
显示对象的值?目前我在我的单元格中看到一个对象。提前谢谢大家
@blackdaemon,
按如下方式更新您的 cols 配置:
{字段:'Monday.Subject',header:'Monday'}
PrimeNg 将字段引用为 objects。
请尝试更新。
我有以下primeng数据table配置:
private cars : any =
{
"data": [
{ "time": "9:30AM-10:30AM",
"Monday": {"Subject": "Physics"},
"Tuesday": 2012,
"Wednesday": "Orange",
"Thursday": "dsad231ff",
"Friday": "dsad231ff"
},
{ "time": "10:30AM-11:00AM",
"Monday": {"Subject": "Maths"},
"Tuesday": 213213,
"Wednesday": "efrwr",
"Thursday": "dsad231ff",
"Friday": "aaaaa"
},
]
}
cols: any = [
{field: 'time', header: ''},
{field: 'Monday', header: 'Monday'},
{field: 'Tuesday', header: 'Tuesday'},
{field: 'Wednesday', header: 'Wednesday'},
{field: 'Thursday', header: 'Thursday'},
{field: 'Friday', header: 'Friday'}
];
和html:
<p-dataTable [value]="cars">
<p-column *ngFor="let col of cols" [field]="col.field" [header]="col.header"></p-column>
</p-dataTable>
正如您在数据中看到的那样,其中一个值是一个对象 "Monday": {"Subject": "Physics"},
在 table 单元格中,如何使用键 Subject
显示对象的值?目前我在我的单元格中看到一个对象。提前谢谢大家
@blackdaemon,
按如下方式更新您的 cols 配置: {字段:'Monday.Subject',header:'Monday'}
PrimeNg 将字段引用为 objects。
请尝试更新。