There is a sample of data table which consists of multiple header rows
| | Song 1 | Song 2 | Song 3 | |---------------------------|----------------|----------------| | Artist | Perc % | Val $ | Perc % | Val $ | Perc % | Val $ | |-------------------------------------------------------------| | Q1 | 10% | 200$ | 15% | 250$ | | | | BW | 10% | 200$ | 10% | 200$ | | | | POD | 5% | 150$ | 10$ | 200$ | | | | | | | | | | | | SUM | 25% | 550$ | 25% | 650$ | | |
with provided dataset
{
"data": [{
"artistId": "A001",
"artistName": "Q1",
"songs": [{
"songId": "S001",
"songName": "Song 1",
"percentage": "10%",
"value": "$200"
},
{
"songId": "S002",
"songName": "Song 2",
"percentage": "15%",
"value": "$250"
}
]
},
{
"artistId": "A002",
"artistName": "BW",
"songs": [{
"songId": "S001",
"songName": "Song 1",
"percentage": "10%",
"value": "$200"
},
{
"songId": "S002",
"songName": "Song 2",
"percentage": "10%",
"value": "$200"
}
]
},
{
"artistId": "A003",
"artistName": "POD",
"songs": [{
"songId": "S001",
"songName": "Song 1",
"percentage": "5%",
"value": "$150"
},
{
"songId": "S002",
"songName": "Song 2",
"percentage": "10%",
"value": "$200"
}
]
}
],
"summary": [{
"songName": "Song 1",
"totalPercentage": "25%",
"totalValue": "$550"
},
{
"songName": "Song 2",
"totalPercentage": "25%",
"totalValue": "$650"
}
]
}
I’m wondering could provided dataset be mapped in order to get something like on the sample table using angular material table? There is no need for pagination.