Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
15
igx.grid autorowhieght, Dynamic component rendering, Server side filter/ Sort.
posted

Hi 

Need a demo or reference to Implement below mentioned features.

1) autorowhieght

2) Dynamic component rendering for grid cell

3) Server side filter/ Sort.

  • 16070
    Offline posted

    Hi Himanshu,

    Please find my answers below:

    1) Template rendering

    You can create your columns dynamically in code, and then use ngFor to render those in the markup:

    <igx-grid #grid1 [data]="data | async" [autoGenerate]="false" [paging]="true" [perPage]="6"(onSelection)="selectCell($event)">
    <igx-column *ngFor="let column of columns; index as i;" [filterable]="column.filterable" [sortable]="column.sortable" [field]="column.fieldName">

    <ng-template><div [innerHTML]="column.template"></div></ng-template>


    </igx-column>
    </igx-grid>

     


    </igx-column>
    </igx-grid>

    2) Auto row height

    Auto row height is not supported - you either set the row height, or if not set it falls back to e default value that depends on the grid displayDensity option.

    3) Server side sorting and filtering

    I will keep you posted once I have more information to share with you.