Presently i am getting the below Dynamic data in json and i am displaying in ionic grid
JSON data
{Type: "USD",Amount: 131295.21}
{Type: "Master",Amount: 11773.89}
{Type: "PAID",Amount: 51375.3}
{Type: "PAID",Amount: 25558.9}
{Type: "Visa",Amount: 15715.75}
{Type: "ZOM",Amount: 64771.55}
and im displaying in html file like below
<ion-col>
Type
</ion-col>
<ion-col text-right>
Amount
</ion-col>
</ion-row>
<div >
<ion-row *ngFor="let value of resultData">
<ion-col>
{{value.Type}}
</ion-col>
<ion-col text-right>
{{value.Amount|number:'.2'}}
</ion-col>
</ion-row>
<ion-row>
<ion-col>
Total
</ion-col>
<ion-col text-right>
{{TotalAmount|number:'.2'}}
</ion-col>
</ion-row>
</div>
</ion-grid>
here mainly below issues i am facing
- how to set table headers and data dynamical at present i am setting the table heading statically suppose if a table row is not then i have to manually again edit the file
2.If i set dynamic header and data also along with columns ,How i can find the totals for that particular columns presently i am looping the Amount in future if i get netamount then how can i total that
3.If i have to use pipes like For Currency,Date,Time etc how can put it for individual columns