We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

Blazor Grid with Row Virtualization & CheckBox Selection: Column Reorder doesn't work

Hi SyncFusion,

I use Blazor Grid in Version 17.4.0.46 (Blazor Server App) and a grid with Row Virtualization, Checkbox Selection and Column Reorder. But the Column Reorder doesn't work properly - the Headers can be changed, but the order of the corresponding values doesn't change.

I have checked following documentation:

https://ej2.syncfusion.com/blazor/documentation/grid/selection/#checkbox-selection

https://ej2.syncfusion.com/blazor/documentation/grid/virtual/#row-virtualization

https://ej2.syncfusion.com/blazor/documentation/grid/columns/#reorder

My short example is:

@page "/test"

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

<EjsGrid DataSource="@Orders" AllowReordering="true" AllowSelection="true" Height="550" Width="1550" EnableVirtualization="true">
  <GridSelectionSettings Type="SelectionType.Multiple"></GridSelectionSettings>
  <GridColumns>
    <GridColumn Type="ColumnType.CheckBox" Width="50"></GridColumn>
    <GridColumn Field=@nameof(Order.OrderID) HeaderText="Order ID" TextAlign="TextAlign.Right" Width="120"></GridColumn>
    <GridColumn Field=@nameof(Order.CustomerID) HeaderText="Customer Name" Width="150"></GridColumn>
    <GridColumn Field=@nameof(Order.OrderDate) HeaderText="Order Date" Format="d" Type="ColumnType.Date" TextAlign="TextAlign.Right" Width="130"></GridColumn>
    <GridColumn Field=@nameof(Order.Freight) HeaderText="Freight" Format="C2" TextAlign="TextAlign.Right" Width="120"></GridColumn>
  </GridColumns>
</EjsGrid>

@code{
  public List<Order> Orders { get; set; }

  protected override void OnInitialized()
  {
    Orders = Enumerable.Range(1, 75).Select(x => new Order()
    {
      OrderID = 1000 + x,
          CustomerID = (new string[] { "ALFKI", "ANANTR", "ANTON", "BLONP", "BOLID" })[new Random().Next(5)],
            Freight = 2.1 * x,
            OrderDate = DateTime.Now.AddDays(-x),
    }).ToList();
  }

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

I hope, you can reproduce my problem.

Kind Regards

Pascal

2 Replies

RS Renjith Singh Rajendran Syncfusion Team February 5, 2020 09:22 AM UTC

Hi Pascal, 
 
Thanks for contacting Syncfusion support. 
 
We have confirmed this as a defect and logged a defect report for the same. Thank you for taking the time to report this issue “Problem with column reordering in a VirtualScroll Grid” and helping us improve our product. At Syncfusion, we are committed to fixing all validated defects (subject to technological feasibility and Product Development Life Cycle ) and including the defect fix in our upcoming bi-weekly release which is expected to be rolled out on or before March 11, 2020.  
 
You can now track the current status of your request, review the proposed resolution timeline, and contact us for any further inquiries through this link.  
 
Please get back to us if you need further assistance. 
 
Regards, 
Renjith Singh Rajendran. 



VN Vignesh Natarajan Syncfusion Team April 1, 2020 08:45 AM UTC

Hi Pascal,  

We are glad to inform that our latest Nuget package (18.1.0.36-beta) has been successfully rolled out. In this release we have some breaking changes in our components. Please find the details regarding the changes and issues fixed in the release from below. In this release we have also resolved the reported issue “Problem with column reordering in a VirtualScroll Grid” while improving the performance of Virtual scrolling. So kindly upgrade to our latest version to resolve the reported issue.  
 
Please find the latest Nuget package from below   
 
 
 
 
Please get back to us if you have further queries. 

Regards, 
Vignesh Natarajan. 


Loader.
Live Chat Icon For mobile
Up arrow icon