Grid: Cannot group by a templated column

[Responsive Edge]

In an EjsGrid, is it possible to group by a templated column?

```

<GridColumn HeaderText="MyText" Width="200">

                            <Template>

                                @{

```

When I drop the column onto the drag bar, nothing happens. I notice that the GridGroupSettings Columns property expects GridColumn Field names but my templated GridColumn doesn't use a Field.

[Renjith Singh Rajendran]

Hi Customer, 

Thanks for contacting Syncfusion support. 

We suggest you to set the Field property for the template column to Group Grid based on that template column. Please use the codes below, 

 

    <EjsGrid DataSource="@Orders" AllowGrouping="true" Height="315"> 

        <GridColumns> 

            <GridColumn Field=@nameof(Order.OrderID) HeaderText="Order ID" IsPrimaryKey="true" Width="120"></GridColumn> 

            <GridColumn Field=@nameof(Order.CustomerID) HeaderText="Customer Name" Width="150">    @*Set Field property for template column*@ 

                <Template> 

                    @{  

                        var data = context as Order; 

                        <div>@data.CustomerID</div> 

                    } 

                    </Template> 

            </GridColumn> 

       </GridColumns> 

    </EjsGrid> 

 

@code{ 

    ... 

    public class Order 

    { 

        public int? OrderID { get; set; } 

        public string CustomerID { get; set; } 

        public DateTime? OrderDate { get; set; } 

        public double? Freight { get; set; } 

    } 

} 

Please get back to us if you need further assistance. 

Regards, 

Renjith Singh Rajendran.