Is there a way to reorder the chilld grid

[Vigneswaran]

Hello,

I am currently working on the syncfusion hierarchical grid and would like to know if there is a provision to reorder the child grid columns like how we reorder the header columns of the main grid. If there is a provision, could you kindly provide me with an example. 

Warm regards 

Vigneswaran

[Manivel Sellamuthu]

Hi Vigneswaran, 

 

Greetings from Syncfusion support. 

 

Yes. We can reorder child grid columns. Please refer the below code example and sample for more information. 

 

<div class="control-section"> 

    <ejs-grid #Grid id='Grid' [dataSource]='parentData' [childGrid]='childGrid'> 

 . .  

    </ejs-grid> 

</div> 

 

export class AppComponent { 

    public parentData: Object[]; 

    public childGrid: any; 

    ngOnInit(): void { 

        this.parentData = employeeData; 

        this.childGrid = { 

            dataSource: orderDatas, 

            queryString: 'EmployeeID', 

            allowPaging: true, 

            allowReordering: true, 

            pageSettings: {pageSize: 6, pageCount: 5}, 

            columns: [ 

 . . . 

            ], 

        }; 

    } 

} 

 

Sample: https://stackblitz.com/edit/angular-162429?file=app.component.ts 

 

Please let us know, if you need further assistance. 

 

Regards, 

Manivel