Blazor Components - Data Grid Column Enhancements, Modal Toolbar Items, & New Data Editor features (v20.1.5)

ASP.NET Team Blog
25 July 2020

This post summarizes recent enhancements made to DevExpress UI for Blazor (v20.1.5).

.NET Core 3.1.5 Support

v20.1.5 supports the most recent version of .NET Core 3.1.5 update that contains security and reliability fixes.

Data Grid Enhancements

Filter Row

This release introduces a new property for our Blazor Grid columns: AllowFilter. Use this property to display/hide a corresponding column's filter editor:

<DxDataGridColumn ... AllowFilter="false">

The DevExpress Blazor Grid now hides its Filter Row by default. Enable the ShowFilterRow option to make it visible:

<DxDataGrid ... ShowFilterRow="true" >
To learn more, please review this ShowFilterRow document.


ComboBox Column

Our Blazor Grid's ComboBox column now includes 'StartsWith' and 'Contains' filter modes. When filtering is enabled, the drop-down list is automatically filtered when an end user enters values within it.

<DxDataGrid DataAsync='@ForecastService.GetForecastAsync' ShowFilterRow='true'>
    Caption='Cloud Cover'

The ComboBox column can load visible items within its drop down list (loads data virtually and on demand). This improves performance when binding to a large dataset.

Set the ListRenderMode property to one of the following options:

  • Entire - The editor renders the entire list simultaneously. Use this mode for short lists - when rendering the entire list does not slow performance.
  • Virtual - The editor renders list items when they appear in the viewport. Use this mode to optimize rendering speed for large lists.



Toolbar - Adaptivity Enhancement

For those targeting mobile devices, we've added a popup and modal mode for the Toolbar's drop down window. These modes mimic the behavior of a standard drop down control on mobile browsers.


Use the DropDownDisplayMode property to specify display mode for all menus within the toolbar. When the property is set to Auto, the menus adapts itself for a given device.

Demo | Documentation


Drop-Down Width Mode

You can control how our Blazor ComboBox and TagBox components display associated drop-down windows. Use the DropDownWidthMode property to specify the width of the drop-down list. The following values are available:

  • ContentOrEditorWidth (default) - minimum drop-down width matches the editor. Drop-down width is increased to fully display list item text (as needed).
  • ContentWidth - drop-down width equals the width of the longest list item.
  • EditorWidth - drop-down width matches editor width. List items are truncated if they do not fit.

ComboBox Demo | TagBox Demo

Min/Max Dates

Our date picker/data selection editors, Calendar and Date Edit, now allow you to set the date range available for selection. Assign the required dates to the component’s MinDate and MaxDate properties.

DevExpress Blazor-dateedit-calendar-min-max-date-range-limition

Calendar Demo | Date Edit Demo

Free DevExpress Products – Get Your Copy Today

The following free DevExpress product offers remain available. Should you have any questions about the free offers below, please submit a ticket via the DevExpress Support Center at your convenience. We’ll be happy to follow-up.
Rick Mathers
Rick Mathers
The toolbar adaptivity is really nice.  Thank you for the Min/Max dates as well.  Something I would really like to see is the date range capability within a single control (Like the ASP MVC Control)
24 July 2020
Istvan Kardkovacs
Istvan Kardkovacs

Hi Mehul,

Could you please create a VS template for Devexpress Blazor components?

IT would be great to have a template with Devexpress Blazor components with the theme selector and with similar functionalities (WeatherForecast) what the current Blazor template has.


26 July 2020
Ashish Moradiya AN
Thumbs up for Istavan's suggestion. I am also looking forward for blazor template with Header and sidebar navigation provided by devexpress.
27 July 2020

Hi Mehul,

Currently there is no timepicker. Is this something that is on the roadmap and when would it be available?


28 July 2020
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)


Yes, it's planned for later this year:

Time Section in Data Edit

The Date Edit component will incorporate a time edit section and allow end-users to set time values alongside dates.


Read the full Roadmap 2020 (Mid-Year Update)

28 July 2020
Onno Boomstra
Onno Boomstra

I've read in a previous post something about a FileManager component for Blazor being scheduled ... Any updates on the release date for this?



28 July 2020
Jacek Kosiński
Jacek Kosiński
Do you have plans to inline/batch edit in data grid?
2 August 2020
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)


Inline edit is part of our 2020 roadmap:

Inline Edit

Our Blazor Grid’s Inline Edit mode will allow your end user to edit cell values within the current edit row.

3 August 2020
Ægir Örn Sveinsson
May I suggest a Blazor Tab control please.
4 August 2020
William Orejuela 1
Juan Ome

PLease include de Dashboard Componen


12 August 2020
Björn K.
Björn Krebser

The Inline Edit Mode of the Data Grid has the highest priority for me and our customers. Mainly to speed up the development time of data editing features with data validation support and to have the same user experience as ASP.NET based web sites.

Thanks a lot for any new feature!

13 August 2020

Please login or register to post comments.