jQuery UI Widgets Forums Angular How to use *ngFor loop in jqxDataTable

This topic contains 1 reply, has 2 voices, and was last updated by  Hristo 2 months, 2 weeks ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • How to use *ngFor loop in jqxDataTable #108364

    Venkatesh.m
    Participant

    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>
    

    Hristo
    Participant

    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

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.