does virtual scroll support grouping?

[wei ma]

when I turn EnableVirtualization to true, the drag and drop grouping function stopped working (group pane still visible but can't drop any column). is it expected

https://blazor.syncfusion.com/documentation/datagrid/virtual/, it does mentioned group should still work?

@page "/datagrid-features"

@using Syncfusion.Blazor.Data
@using Syncfusion.Blazor.Grids

<h2>DataGrid</h2>
<br />
<div id="ControlRegion">
    <SfGrid ID="Grid" DataSource="@Orders" @ref="Grid"
            AllowReordering="true" AllowResizing="true" AllowSorting="true" AllowGrouping="true"
            Height="500" Width="auto" EnableVirtualization="false" EnableColumnVirtualization="false">
        <GridPageSettings PageSize="80"></GridPageSettings>
        <GridColumns>
            <GridColumn Field=@nameof(Order.OrderID) HeaderText="Order ID" IsPrimaryKey="true"TextAlign="TextAlign.Right" Width="120"></GridColumn>
            <GridColumn Field=@nameof(Order.CustomerID) HeaderText="Customer Name" Width="120"></GridColumn>
            <GridColumn Field=@nameof(Order.OrderDate) HeaderText=" Order Date" EditType="EditType.DatePickerEdit" Format="d" TextAlign="TextAlign.Right" Width="130" Type="ColumnType.Date"></GridColumn>
            <GridColumn Field=@nameof(Order.Freight) HeaderText="Freight" Format="C2" TextAlign="TextAlign.Right" EditType="EditType.NumericEdit" Width="120"></GridColumn>
            <GridColumn Field=@nameof(Order.ShipCountry) HeaderText="Ship Country" EditType="EditType.DropDownEdit" Width="150"></GridColumn>
        </GridColumns>
    </SfGrid>
</div>
<br />

<br />
<style>
    .ulstyle {
        margin: 0px;
        padding-left: 20px;
        display: inline-block;
    }

    .list {
        float: left;
        line-height: 20px;
        margin: 10px;
        min-width: 200px;
    }
</style>
@code{
    public List<Order> Orders { get; set; }
    SfGrid<Order> Grid;
    protected override void OnInitialized()
    {
        Orders = Enumerable.Range(1, 750).Select(x => new Order()
        {
            OrderID = x,
            LineitemSize = new Random().Next(1, 4),
            CustomerID = (new string[] { "ALFKI", "ANANTR", "ANTON", "BLONP", "BOLID" })[new Random().Next(5)],
            Freight = 2.1 * x,
            OrderDate = DateTime.Now.AddDays(-x),
            ShipCountry = (new string[] { "USA", "UK", "CHINA", "RUSSIA", "INDIA" })[new Random().Next(5)]
        }).ToList();
    }

    public class Order
    {
        public int? OrderID { get; set; }
        public int LineitemSize { get; set; }
        public string CustomerID { get; set; }
        public DateTime? OrderDate { get; set; }
        public double? Freight { get; set; }
        public string ShipCountry { get; set; }
    }
}

[Renjith Singh Rajendran]

Hi Wei, 

Greetings from Syncfusion support. 

We suggest you to enable only the EnableVirtualization property in Grid to perform Grouping action in Grid. It is not recommended to set the EnableColumnVirtualization property while performing Grouping action. We have prepared a sample based on this scenario. Please download the sample form the link below, 

Sample : https://www.syncfusion.com/downloads/support/directtrac/general/ze/Serversample-736205592 

 

Please refer the code below, 

 

<SfGrid ID="Grid" DataSource="@Orders" @ref="Grid"... AllowSorting="true" AllowGrouping="true" 

            Height="500" Width="auto" EnableVirtualization="true" EnableColumnVirtualization="false"> 

Please get back to us if you need further assistance. 

Regards, 

Renjith Singh Rajendran