【发布时间】：2021-02-05 03:00:27
【问题描述】：
我需要创建一个具有以下结构的表。任何 HTML 代码都会有很大帮助。谢谢！
编辑： [[将标题添加到表]]。我们需要使用 typescript 在 angular 9 应用程序中创建此表。对象结构如下。我们可能需要使用 ng-containers 和循环来遍历这个结构：
value: [
{
mainHeader: 'Main Header1',
subHeaders: [
{
subHeader: 'Sub Header1',
details: [
{
text: 'text1',
value: 'value1',
},
{
text: 'text2',
value: 'value2',
},
],
},
{
subHeader: 'Sub Header2',
details: [
{
text: 'text1',
value: 'value1',
},
{
text: 'text2',
value: 'value2',
},
],
},
],
},
{
mainHeader: 'Main Header2',
subHeaders: [
{
subHeader: 'Sub Header1',
details: [
{
text: 'text1',
value: 'value1',
},
{
text: 'text2',
value: 'value2',
},
],
},
{
subHeader: 'Sub Header2',
details: [
{
text: 'text1',
value: 'value1',
},
{
text: 'text2',
value: 'value2',
},
],
},
],
},
],
【问题讨论】：
标签： html angular typescript html-table row