Grid not refreshing when new data is added

Hello,

<EjsButton @onclick="ChangeData">Change Grid Data</EjsButton>    <EjsGrid ID="Grid" TValue="Orders" DataSource="@OrderData" AllowPaging="true">      ...  </EjsGrid>      @code {      public List<Orders> OrderData { get; set; }      protected override void OnInitialized()      {          OrderData = Enumerable.Range(1, 75).Select(x => new Orders()          {              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 async void ChangeData()      {          OrderService _craftService = new OrderService();          OrderData = await _craftService.GetOrdersAsync();          StateHasChanged();      }  }

Yes, I know I have to invoke StateHasChanged. The grid is working in most of the places however in some of the more specific cases it is not being refreshed. This worked perfectly before but after a couple of updates to the syncfusion versions it stopped working.

Yes, Refresh() fixed it for me. Didn't know about the internal state changes. Thank you for the help! :)

Hi I am having the same problem.  I am using an IEnumerable in the DataSource and whenever I refreshed it with a new list from my service the grid does not refresh.  I tried StateHasChanged() as recommended but it doesn't work.  I also tried refreshing the grid. It works but only on Debug but not on Release and start without debugging. Below is the error

1. Share the sample which you have tried from your side. Or if possible reproduce the problem with the attached sample and share with us for further validation.
2. Share the video demo showing the problem you are facing.