A New Blazor Grid Control (Preview) is Available in v21.1

ASP.NET Team Blog
25 May 2021

If you install v21.1 or visit our website after official release, you will notice a second Blazor Grid component in our product lineup (available as a CTP). In this blog post, we'll explain why we introduced a new Grid control, what "CTP" means, and what you can expect in the future from both controls.

DevExpress Blazor Data Grid

Why We Decided to Develop a New Blazor Grid Component

Simply said, we ran into major limitations with our current Blazor Data Grid, DxDataGrid.

Our new Blazor Grid control, DxGrid, will allow us to deliver the features you have been waiting for: improved editing, grouping, and more.

Of course, we would have preferred to simply modify our current grid but unfortunately, this was not an option. We quickly discovered that rewriting the core created its own set of issues. Bottom line - the better choice was to leave the current control in a stable state and introduce a migration path to the new component for those interested in our new Grid.

Rest assured, while this is a new native Blazor Grid component, under the hood, it uses our proven .NET Core Data libraries. The same libraries we use with our many other .NET Core Grids.

We are confident that our new Blazor Grid will bring you the features and performance that you've come to expect from DevExpress Data Grids.

"CTP" and Feature Parity with our Existing Control

Our new Blazor Grid control is available as a Preview (CTP) in v21.1. This simply means that the control is not yet ready to fully replace the existing control – it still lacks a few features. Here's how the controls currently compare:

Features / Capabilities New Control (Preview) Existing Control
Paging
Sorting by value
Grouping
Custom data source support
Total summary
Group summary
 
YesYes
Features / Capabilities New Control (Preview) Existing Control
Custom display text
Sorting by display text
Custom total summary
Custom group summary
Custom sorting
Interval grouping
Custom grouping
Unbound columns
Group row template
Column Header and Grid Footer templates
 
YesNo
Features / Capabilities New Control (Preview) Existing Control
Command Column
Edit Form editing
Filter Row
Scrolling
Row Selection
Master-detail
Column resize
Column Chooser
Toolbar
 
NoYes

When Should You Switch to the New Control?

If the current feature list suits your requirements, you can switch now. We expect both controls to be stable and advise you to make your decision based on our published feature set.

We plan to add the following features to the new control in upcoming v21.1 minor updates:

We also expect to officially launch the product in our v21.2 release cycle. Our hope is to add the following features by our v21.2 release:

  • Scrolling
  • Master-detail support

It's hard to predict the date for complete feature parity, but right now we estimate this to be the v22.1 release.

How to Switch

You can use the new control's demos and documentation to learn about its capabilities and related API. If you need assistance, feel free to contact our support team. We're happy to help.

Our team has created a detailed migration guide document that will help with the transition process: Migrate from Data Grid to Grid

Our Plans for the Original Blazor Data Grid

Going forward, we will focus the majority of our efforts on the new control, but we will continue to support and maintain our original Grid control. Here are a few features we expect to incorporate in our original grid over the next few months:

  • Support "Display" data annotation attribute in data columns
  • Implement Header Text template for columns
  • Implement a confirmation dialog for delete operations
  • Add CssClass, HeaderTextAlignment properties to a column
  • Add API that customizes a column's default editor
  • Add API settings to customize Popup Edit Form and control its behavior
  • Add a Show method to display the Column Chooser next to any UI element

We estimate that the transition period will take about a year, so our original grid will remain in our distribution until v22.1 or v22.2.

Let Us Know If You Have Any Questions

Please contact our Support team or leave a comment below if you have any questions about this transition.

Fabio Scarvaglieri
Fabio Scarvaglieri

It's great to hear, that old limitations / some legacy stuff will be replaced with a new Grid component.

The Feature which I'm waiting especially before migrating from ASP.NET to Blazor (XAF) is the batch edit functionality.

Is there an estimation if and when this will be introduced into the new DxGrid component?

In terms of performance: is it more or less the same as the old comonent?

Kind regards,

Fabio.

26 May 2021
Adam Caviness
Adam Caviness
Few things about software development are easy. The roads diverge, are bumpy and there are frustrations but no one can blame DevExpress. You guys REALLY try to do your best. One of the best decisions we ever made was picking your components. In this case you have a tough decision like this but I think it's best too.
26 May 2021
Matt Beckius
Matt Beckius

Hi, 

Can you please explain what exactly is meant by "native Blazor Grid component"?   How is a native component different from other components?


Thanks,

Matt B.

26 May 2021
Anurag Mahato
Anurag Mahato
what about inline editing and keyboard support for navigation in new grid ?
26 May 2021
Anurag Mahato
Anurag Mahato
What is new regarding Enable property in LayoutConrol ?  i am waiting for it
26 May 2021
Bassam Abdelaal
Bassam Abdelaal

Hello,

what about inline editing & NewItemRowPosition: Buttom/Up , are those scheduled ?

we need it badly for a POS application where user expects to scan the item in item code column, enter qty, then goto next new row and continue scanning like the nature of all POS apps

Thanks


26 May 2021
Konstantin Balashov
Konstantin Balashov

Hello,

 Good news, but we are not able to use control until few features are not implemented:

  1.  Scrolling / Virtual Scrolling
  2.  Row Selection

Also, what about keyboard navigation, feature which was missed in old grid also?

Brgs, Konstantin

26 May 2021
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)
@Fabio, Regarding Batch edit:
We are considering how best to implement Batch edit because it will likely not have the same advantages as Batch Edit in our WebForms Grid. However, if we implement inline edit, then you can easily implement a type of data cache to support batch updates.
Regarding performance, I'm happy to say that its currently on par with the current grid. Once we get closer to release, we'll focus more on it's overall performance and post about enhancements.
26 May 2021
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)
@Adam, Spoken like a software veteran :-) Appreciate your support.
26 May 2021
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)

@Matt, Our components are all native Blazor components including both the old and new Blazor data grid (except for our Blazor Dashboard component). To answer the general question about Native vs Wrapper...

Native Blazor component means that we wrote it using the Blazor framework component architecture. The other option would be to create a wrapper component around JavaScript widgets. Writing new native components takes longer but has certain benefits in how the control is rendered and how you interact with it.

Using wrappers has the advantage that we can deliver more components quickly as they're already developed. You can likely find articles on the web for this topic, if you want to learn more. In short, we chose native Blazor components as we felt it was the better option for our customers. However, for current gaps in Blazor offering, you can use our DevExtreme components in Blazor too.

26 May 2021
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)

@Anurag,

We have inline edit in our plans but we will deliver it later. Keyboard support features is related to accessibility support. This task is also in our 2021 roadmap.

Regarding the Enable property, I'm not sure, could you please create a support ticket and describe your scenario?

26 May 2021
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)

@Bassam,

We have inline edit in our plans but we will deliver it later. New row position is not on the overall plans yet but we will likely add it in a future release.

26 May 2021
Dennis (DevExpress)
Dennis (DevExpress)
Anticipating a question from XAF customers, we want to migrate to the new Blazor grid control in v21.2 (if everything is there, otherwise in v22.1). Our GridListEditor will just use the new grid adapter by default. The old grid adapter will be removed; the public IDxDataGridAdapter interface will likely be preserved to minimize the effect of these changes (Access List View Grid Component Settings Using a Controller).

We have the following reasons for this migration:
  • It hasn't been that long since the release of XAF's Blazor UI in v20.2;
  • The majority of XAF Blazor users do not customize the grid control and they will not notice any changes;
  • We will include migration instructions for a few users who customize the grid control (they may need to update their code in certain scenarios).

What do you think about this plan?
26 May 2021
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)

@Konstantin,

We will support data scrolling and row selection in upcoming releases (this year). While virtual scrolling is not planned for this year, we will consider it again for the next major roadmap.

26 May 2021
CRM-4dcacb65-5c38-47e9-b89b-f98dab55f6fb
Target365 AS

Hi.

Any plans on supporting group summaries per column like the Angular grid supports?

I don't like the group summaries in paranthesis. It's next to useless and extremely difficult to read UI-wise.


26 May 2021
Bassam Abdelaal
Bassam Abdelaal
@Dennis, great thank you, hope in 21.2
26 May 2021
Jaime Alvarez [VOLUNDAT]
Jaime Alvarez
Any news to current Blazor Data Grid 21.1?
26 May 2021
|Alex|
|Alex|

Dear DevExpress team, does this have implications on roadmap items such as data-aware CSV/XLSX export? Does "Scrolling" for the new DXGrid also include "Virtual Scrolling"?


Thanks a lot,

Alex

26 May 2021
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)

@Alex,

We have data aware export planned for v21.2 on our roadmap.

While virtual scrolling is not planned for this year, we will consider it again for the next major roadmap.


26 May 2021
|Alex|
|Alex|
Thank you Mehul!
27 May 2021
Chris Royle (LOB)
Chris Royle (LOBS)
@Dennis - sounds good.
28 May 2021
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)

@Target365 AS,

Yes, we will certainly implement it in a future release, but probably not this year.

28 May 2021
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)

@Jamie,

We plan to add major features in the new grid. Also, in this blog post above, you can find a is a list of features we plan to implement in the old grid as well.

28 May 2021
CRM-dbab47b0-ea5e-4972-bbf9-8f066e02d212
Paul
I like when you say it was a dead end and decided to restart, it is your honest to your customers even it brings more investment. cheer up and please consider developing the multi-column treeview like aspxtreelist as I have been waiting for it.
29 May 2021
Joseph Tang 3
Joseph Tang 3
When would you have the search panel available?
7 June 2021
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)

@Paul,

We plan to implement a major tree style control for our Blazor UI components however it will likely be next year.

7 June 2021
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)

@Joseph,

We will likely ship search panel functionality this year. We will plan to deliver either built-in search panel or public API to easily implement custom search panel.

7 June 2021
Ingmar Steinzen
Ingmar Steinzen

As a developer I am a bit of two minds regarding the new grid. On the one hand I can fully understand when something needs to be redone and that working with a clean sheet helps a lot when you got stuck. On the other hand we are currently adding an edit mode with the "old" Data Grid to our application (our application was read-only before). So my concern is that we will be having a lot of effort migrating to the new grid later.

Do you have any guidlines available what to favor/avoid when we implement edit mode now in the "old" Data Grid to make the future switch to the new grid easier?

21 June 2021
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)

@Ingmar,

Yes, we've created the following migration page to make grid migration easier for our customers:


Currently, the new grid does not have edit modes yet. We will update this guide after we release new features in the new grid. Feel free to contact me directly with specific questions about our Blazor components: mharry@devexpress.com.
 
23 June 2021

Please login or register to post comments.