How to use *ngFor loop in jqxDataTable

[Venkatesh.mParticipant]

How to use *ngFor loop in jqxDataTable. jqxDataTable gives result for normal tr and td values, but if I used ng*For loop am getting blank result. Below is my code. Please help me to get the desired results

<jqxDataTable [width]="850" [columns]="columns" [selectionMode]="'singleRow'"
              [altRows]="true" [sortable]="true" [editable]="true">

<table id="dataTable" border="1">
    <thead>       
            <td>Farmer Code</td> 
            <td>Farmer Name</td> 
            <td>Sur Name</td>
            <td>Father Name</td>        
    </thead>
    <tbody>
        
    <tr *ngFor="let person of people$">
        
        <td>{{person.FarmerCode}}</td> 
        <td>{{person.FarmerName}}</td> 
        <td>{{person.Sur_Name}}</td> 
        <td>{{person.Father_Name}}</td>      
    </tr>

</jqxDataTable>

[HristoParticipant]

Hello Venkatesh.m,

Please, take a look at this example:
https://stackblitz.com/edit/github-vspg9u

Best Regards,
Hristo Hristov

jQWidgets team
https://www.jqwidgets.com

[Author]

Posts