Child grid arrow

Hello,

Is there a way to display the arrow, displaying the child grid, on the right hand side instead of the left hand of the main grid?
The default display is on the left hand side of the main grid.

Thanks

3 Replies 1 reply marked as answer

BS Balaji Sekar Syncfusion Team April 22, 2021 08:44 AM UTC

Hi Customer, 
 
Greetings from the Syncfusion support. 
 
Based on your query we suspect that you need to bind the childGrid rendering icon(Expand/Collapse) in right side of the Grid instead of default rendering in the left-side of Grid. We suggest you to use the EnableRtl property to place right of the Grid and you have bind childGrid from that expand icon in right side of Grid. 
 
Please refer the below code example for more information. 
 
[Index.cshtml] 
@Html.EJS().Grid("ProductoForumlaGrid").DataSource((IEnumerable<object>)ViewBag.dataSource).EnableRtl().ChildGrid("").Columns(col => 
{ 
    col.Field("OrderID").HeaderText("Order ID").IsPrimaryKey(true).Width("120").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Add(); 
    col.Field("CustomerID").HeaderText("Customer Name").Width("150").Add(); 
    col.Field("Freight").HeaderText("Freight").Width("120").Format("C2").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Add(); 
    col.Field("ShipCity").HeaderText("Ship City").EditType("dropdownedit").Width("150").Add(); 
}).AllowPaging().Render() 
 
 
Please get back to us, if you need further assistance. 
 
Regards, 
Balaji Sekar 


Marked as answer

SA Support Arcania April 22, 2021 09:36 AM UTC

Hello Balaji Sekar,

Thank you for your reply.  However this is not what I want to do.  Right now, the arrow to display the child grid is on the left hand side of the main grid:


What I want is to display the arrow on the right hand side as below:


Is there any way to achieve this?

Thanks


BS Balaji Sekar Syncfusion Team April 23, 2021 02:37 PM UTC

Hi Customer, 
 
We checked the feasibility of childGrid’s expand/collapse icon rendering in right side of the Grid instead of left side rendering but it is not possible to achieved in our Grid component. 
 
Regards, 
Balaji Sekar 


Loader.
Up arrow icon