Dynamische Säulensortierung in eckigen Primeg ⇐ HTML

[Anonymous]

Ich rendere die Tabelle mithilfe von Winkelurmeng basierend auf einer Bedingung. Alle Header und Werte kommen dynamisch. Die Tabellendaten werden ordnungsgemäß angezeigt. Die Sortierung funktioniert jedoch nicht. Ich habe [psortableColumn] = "Header" verwendet. Ich kann sehen, dass sich die Symbole nach oben und nach unten bewegen, aber die Werte werden sortiert. Anhängen des Codes und der Daten als Referenz anhängen. getColumnHeaders(dataList: any[]): string[] {
if (dataList.length > 0) {
return Object.keys(dataList[0]);
} else {
return [];
}
}< /code>




Alerts







{{header}}





{{data[header].value}}








< /code>
< /div>
< /div>
< /p>
{
"data": [
{
DashboardDto :{
"companyName": "ABC Company Limited",
"alertType": "Standard",
"alertTypeComputed": "High",
"isCriticalAlert": 1,
"dataList": [
{
"Company Name": {
"value": ABC Company Limited",
"alignment": "Left"
},
"Unit": {
"value": "Lakh",
"alignment": "Left"
},
"Ratio": {
"value": "0",
"alignment": "Right"
},
"Period Ends on": {
"value": "31-Mar-2025",
"alignment": "Left"
}
},
{
"Company Name": {
"value": "ABC Company Limited",
"alignment": "Left"
},
"Unit": {
"value": "Crore",
"alignment": "Left"
},
"Ratio": {
"value": "0",
"alignment": "Right"
},
"Period Ends on": {
"value": "31-Mar-2024",
"alignment": "Left"
}
},
{
"Company Name": {
"value": "ABC Company Limited",
"alignment": "Left"
},
"Unit": {
"value": "Lakh",
"alignment": "Left"
},
"Ratio": {
"value": "1",
"alignment": "Right"
},
"Period Ends on": {
"value": "31-Mar-2023",
"alignment": "Left"
}
}
]
}
}
]
}
< /code>
Ich bin neu in Angular und sucht nach Vorschlägen. Vielen Dank im Voraus.