Essential Studio® for Grid SDK - v34.1.29 Release Notes
DataGrid
Blazor
Bug Fixes
-
#I847158,FB74505- Resolved an issue where DataGrid data was hidden after using ResetPersistDataAsync in other tabs. -
#I847012,FB74462- Resolved an issue where Filtering did not work correctly for blank values in the DataGrid. -
#I846846,FB74485- Resolved a Filtering issue when using delay in the Custom Adaptor Read method in the DataGrid.
Features
-
#I780368,FB35651,FB70961- The Blazor DataGrid now supports explicit selection of filter operators through an inline dropdown available in each FilterBar cell. It also introduces type‑specific UI components—such as DatePicker, NumericTextBox, and DropDownList—for entering filter values. Explore the demo here
Code Example:
<SfGrid TValue="Order" DataSource="@Orders" AllowPaging="true" AllowFiltering="true">
<GridFilterSettings ShowFilterBarOperator="true" Type="FilterType.FilterBar" ></GridFilterSettings>
<GridColumns>
<GridColumn Field="@nameof(Order.OrderID)" HeaderText="Order ID" Width="120" />
<GridColumn Field="@nameof(Order.CustomerID)" HeaderText="Customer ID" Width="150" />
<GridColumn Field="@nameof(Order.Freight)" HeaderText="Freight" Format="C2" Width="120" />
</GridColumns>
</SfGrid>
-
FB16336- The Blazor DataGrid now supports single‑click cell editing in Batch Editing mode through theAllowEditOnSingleClickAPI. This enhancement reuses the existing editing, saving, validation, and event workflows.
Code Example:
<SfGrid TValue="Order" DataSource="@Orders" AllowPaging="true" Toolbar="@(new List<string>() { "Add", "Edit", "Delete", "Update", "Cancel" })">
<GridEditSettings AllowAdding="true" AllowEditing="true" AllowDeleting="true" Mode="EditMode.Batch" AllowEditOnSingleClick="true"></GridEditSettings>
<GridColumns>
<GridColumn Field="@nameof(Order.OrderID)" HeaderText="Order ID" Width="120" />
<GridColumn Field="@nameof(Order.CustomerID)" HeaderText="Customer ID" Width="150" />
<GridColumn Field="@nameof(Order.Freight)" HeaderText="Freight" Format="C2" Width="120" />
</GridColumns>
</SfGrid>
-
I834437,FB73893- The Blazor DataGrid now supports proper character encoding during CSV export, preventing special characters from appearing incorrectly. This enhancement is enabled through the newly introduced Encoding property in ExcelExportProperties, ensuring consistent and accurate rendering of exported data across different tools and formats.
Code Example:
<SfGrid TValue="Order" @ref="Grid" DataSource="@Orders" Toolbar="@(new List<string>() { "CsvExport"})" AllowExcelExport="true">
<GridEvents OnToolbarClick="ToolbarClick" TValue="Order"></GridEvents>
<GridColumns>
<GridColumn Field="@nameof(Order.OrderID)" HeaderText="Order ID" Width="120" />
<GridColumn Field="@nameof(Order.CustomerID)" HeaderText="Customer ID" Width="150" />
<GridColumn Field="@nameof(Order.Freight)" HeaderText="Freight" Format="C2" Width="120" />
</GridColumns>
</SfGrid>
@code{
SfGrid<Order>? Grid;
List<Order> Orders { get; set; }
public void ToolbarClick(Syncfusion.Blazor.Navigations.ClickEventArgs args)
{
this.Grid.ExportToCsvAsync(new ExcelExportProperties
{
Encoding = System.Text.Encoding.UTF8,
});
}
}
Breaking Changes
The Blazor DataGrid now delivers improved consistency when applying filter operators such as Does Not Start With and Does Not End With during popup data requests.
Previously, the filtering behavior in these scenarios followed a different interpretation of the operator logic. With this update, the behavior has been aligned to match the standard expected outcomes, ensuring that both Menu and Excel filters produce consistent and accurate suggestions during value entry and final filtering.
Angular
Bug Fixes
-
#I844794- Resolved an issue where the “Select All” action failed to work when using remote data without paging or virtual scrolling.
Features
- Introduced
DOM virtualizationsupport to improve rendering performance by minimizing the number of DOM elements created during scrolling, making the Grid more efficient when handling large datasets. - Added support for cell level editing, allowing users to edit individual cells directly without switching an entire row into edit mode, thereby improving editing flexibility and overall user experience.
- Implemented undo and redo functionality for batch editing in the Grid, enabling users to easily revert or reapply changes and enhancing overall data manipulation usability.
- Enabled immediate filtering support in
ExcelandCheckboxfilter types, allowing filter operations to be applied instantly without requiring users to explicitly confirm their selection. - Enhanced the
Column Chooserwith immediate show and hide action support, so column visibility changes are reflected instantly when toggled, improving usability and interaction speed. - Added support for setting the Grid height using viewport height units, enabling better responsiveness and adaptability across different screen sizes.
- Introduced support for displaying footer aggregate values while using column
virtualization, ensuring accurate summary information even in highly optimized rendering scenarios. - Added a new
cellFocusevent that is triggered whenever a grid cell receives focus, providing better control for developers to handle focus-related interactions and improve accessibility. - Introduced
detailExpandedanddetailCollapsedevents to notify when detail rows are expanded or collapsed, allowing developers to track and respond to detail row state changes effectively.
ASP.NET Core
Bug Fixes
-
#I844794- Resolved an issue where the “Select All” action failed to work when using remote data without paging or virtual scrolling.
Features
- Introduced
DOM virtualizationsupport to improve rendering performance by minimizing the number of DOM elements created during scrolling, making the Grid more efficient when handling large datasets. - Added support for cell level editing, allowing users to edit individual cells directly without switching an entire row into edit mode, thereby improving editing flexibility and overall user experience.
- Implemented undo and redo functionality for batch editing in the Grid, enabling users to easily revert or reapply changes and enhancing overall data manipulation usability.
- Enabled immediate filtering support in
ExcelandCheckboxfilter types, allowing filter operations to be applied instantly without requiring users to explicitly confirm their selection. - Enhanced the
Column Chooserwith immediate show and hide action support, so column visibility changes are reflected instantly when toggled, improving usability and interaction speed. - Added support for setting the Grid height using viewport height units, enabling better responsiveness and adaptability across different screen sizes.
- Introduced support for displaying footer aggregate values while using column
virtualization, ensuring accurate summary information even in highly optimized rendering scenarios. - Added a new
cellFocusevent that is triggered whenever a grid cell receives focus, providing better control for developers to handle focus-related interactions and improve accessibility. - Introduced
detailExpandedanddetailCollapsedevents to notify when detail rows are expanded or collapsed, allowing developers to track and respond to detail row state changes effectively.
ASP.NET MVC
Bug Fixes
-
#I844794- Resolved an issue where the “Select All” action failed to work when using remote data without paging or virtual scrolling.
Features
- Introduced
DOM virtualizationsupport to improve rendering performance by minimizing the number of DOM elements created during scrolling, making the Grid more efficient when handling large datasets. - Added support for cell level editing, allowing users to edit individual cells directly without switching an entire row into edit mode, thereby improving editing flexibility and overall user experience.
- Implemented undo and redo functionality for batch editing in the Grid, enabling users to easily revert or reapply changes and enhancing overall data manipulation usability.
- Enabled immediate filtering support in
ExcelandCheckboxfilter types, allowing filter operations to be applied instantly without requiring users to explicitly confirm their selection. - Enhanced the
Column Chooserwith immediate show and hide action support, so column visibility changes are reflected instantly when toggled, improving usability and interaction speed. - Added support for setting the Grid height using viewport height units, enabling better responsiveness and adaptability across different screen sizes.
- Introduced support for displaying footer aggregate values while using column
virtualization, ensuring accurate summary information even in highly optimized rendering scenarios. - Added a new
cellFocusevent that is triggered whenever a grid cell receives focus, providing better control for developers to handle focus-related interactions and improve accessibility. - Introduced
detailExpandedanddetailCollapsedevents to notify when detail rows are expanded or collapsed, allowing developers to track and respond to detail row state changes effectively.
JavaScript
Bug Fixes
-
#I844794- Resolved an issue where the “Select All” action failed to work when using remote data without paging or virtual scrolling.
Features
- Introduced
DOM virtualizationsupport to improve rendering performance by minimizing the number of DOM elements created during scrolling, making the Grid more efficient when handling large datasets. - Added support for cell level editing, allowing users to edit individual cells directly without switching an entire row into edit mode, thereby improving editing flexibility and overall user experience.
- Implemented undo and redo functionality for batch editing in the Grid, enabling users to easily revert or reapply changes and enhancing overall data manipulation usability.
- Enabled immediate filtering support in
ExcelandCheckboxfilter types, allowing filter operations to be applied instantly without requiring users to explicitly confirm their selection. - Enhanced the
Column Chooserwith immediate show and hide action support, so column visibility changes are reflected instantly when toggled, improving usability and interaction speed. - Added support for setting the Grid height using viewport height units, enabling better responsiveness and adaptability across different screen sizes.
- Introduced support for displaying footer aggregate values while using column
virtualization, ensuring accurate summary information even in highly optimized rendering scenarios. - Added a new
cellFocusevent that is triggered whenever a grid cell receives focus, providing better control for developers to handle focus-related interactions and improve accessibility. - Introduced
detailExpandedanddetailCollapsedevents to notify when detail rows are expanded or collapsed, allowing developers to track and respond to detail row state changes effectively.
React
Bug Fixes
-
#I844794- Resolved an issue where the “Select All” action failed to work when using remote data without paging or virtual scrolling.
Features
- Introduced
DOM virtualizationsupport to improve rendering performance by minimizing the number of DOM elements created during scrolling, making the Grid more efficient when handling large datasets. - Added support for cell level editing, allowing users to edit individual cells directly without switching an entire row into edit mode, thereby improving editing flexibility and overall user experience.
- Implemented undo and redo functionality for batch editing in the Grid, enabling users to easily revert or reapply changes and enhancing overall data manipulation usability.
- Enabled immediate filtering support in
ExcelandCheckboxfilter types, allowing filter operations to be applied instantly without requiring users to explicitly confirm their selection. - Enhanced the
Column Chooserwith immediate show and hide action support, so column visibility changes are reflected instantly when toggled, improving usability and interaction speed. - Added support for setting the Grid height using viewport height units, enabling better responsiveness and adaptability across different screen sizes.
- Introduced support for displaying footer aggregate values while using column
virtualization, ensuring accurate summary information even in highly optimized rendering scenarios. - Added a new
cellFocusevent that is triggered whenever a grid cell receives focus, providing better control for developers to handle focus-related interactions and improve accessibility. - Introduced
detailExpandedanddetailCollapsedevents to notify when detail rows are expanded or collapsed, allowing developers to track and respond to detail row state changes effectively.
TypeScript
Bug Fixes
-
#I844794- Resolved an issue where the “Select All” action failed to work when using remote data without paging or virtual scrolling.
Features
- Introduced
DOM virtualizationsupport to improve rendering performance by minimizing the number of DOM elements created during scrolling, making the Grid more efficient when handling large datasets. - Added support for cell level editing, allowing users to edit individual cells directly without switching an entire row into edit mode, thereby improving editing flexibility and overall user experience.
- Implemented undo and redo functionality for batch editing in the Grid, enabling users to easily revert or reapply changes and enhancing overall data manipulation usability.
- Enabled immediate filtering support in
ExcelandCheckboxfilter types, allowing filter operations to be applied instantly without requiring users to explicitly confirm their selection. - Enhanced the
Column Chooserwith immediate show and hide action support, so column visibility changes are reflected instantly when toggled, improving usability and interaction speed. - Added support for setting the Grid height using viewport height units, enabling better responsiveness and adaptability across different screen sizes.
- Introduced support for displaying footer aggregate values while using column
virtualization, ensuring accurate summary information even in highly optimized rendering scenarios. - Added a new
cellFocusevent that is triggered whenever a grid cell receives focus, providing better control for developers to handle focus-related interactions and improve accessibility. - Introduced
detailExpandedanddetailCollapsedevents to notify when detail rows are expanded or collapsed, allowing developers to track and respond to detail row state changes effectively.
Vue
Bug Fixes
-
#I844794- Resolved an issue where the “Select All” action failed to work when using remote data without paging or virtual scrolling.
Features
- Introduced
DOM virtualizationsupport to improve rendering performance by minimizing the number of DOM elements created during scrolling, making the Grid more efficient when handling large datasets. - Added support for cell level editing, allowing users to edit individual cells directly without switching an entire row into edit mode, thereby improving editing flexibility and overall user experience.
- Implemented undo and redo functionality for batch editing in the Grid, enabling users to easily revert or reapply changes and enhancing overall data manipulation usability.
- Enabled immediate filtering support in
ExcelandCheckboxfilter types, allowing filter operations to be applied instantly without requiring users to explicitly confirm their selection. - Enhanced the
Column Chooserwith immediate show and hide action support, so column visibility changes are reflected instantly when toggled, improving usability and interaction speed. - Added support for setting the Grid height using viewport height units, enabling better responsiveness and adaptability across different screen sizes.
- Introduced support for displaying footer aggregate values while using column
virtualization, ensuring accurate summary information even in highly optimized rendering scenarios. - Added a new
cellFocusevent that is triggered whenever a grid cell receives focus, providing better control for developers to handle focus-related interactions and improve accessibility. - Introduced
detailExpandedanddetailCollapsedevents to notify when detail rows are expanded or collapsed, allowing developers to track and respond to detail row state changes effectively.
.NET MAUI
Features
-
#FB72573- Provided support to display the tooltip after delay with customization. -
#FB72330- Provided separator support for the context menu items with appearance customization. -
#FB64950- Provided built-in Automation ID support to the rows and cells in theSfDataGrid. - Provided interactive support for resizing the row height with customizable resizing modes.
- Provided interactive support for searching data displayed in
SfDataGrid. - Provided built-in support for undo/redo operations on edited cell values during editing.
- Provided support to select and drag multiple rows in row drag and drop.
- Provided built-in column types to display the data in currency, time span, and percentage values.
- Provided built-in checkbox selector column support to select and deselect rows using checkboxes.
- Provided support to customize the height of caption summary rows.
- Provided support to highlight the entire column when hovering the column header.
- Provided support to highlight the column header cell on hover.
- Provided support for resizing the column when the resizing indicator moves.
- Provided support to customize the background color of search matched cells.
- Provided support for scrolling to row and column using
RowDataandDataGridColumn. - Provided cell type and cell value details in the
CellHoveredevent. - Provided animation support to the swipe reset and complete actions.
Blazor PivotTable
Features
- Added built-in CRUD operations with database integration to enable efficient data editing within the Pivot Table and seamless synchronization with back-end data sources.
- Added a “Percentage of Running Totals” aggregation type to analyze cumulative values as percentages for better data insights. Explore the demo
- Added support for classic layout in the server-side engine to enable efficient processing of large-scale data in a traditional tabular format, ensuring improved scalability, consistent results, and high-performance reporting.
Web PivotTable
Bug Fixes
Applies To: React, Angular, JavaScript, TypeScript, Vue, ASP.NET Core, and ASP.NET MVC.
-
#I828186- Fixed an issue in Tabular mode with virtualization where headers became misaligned and drill-down functionality behaved incorrectly when a value field was placed in the row axis.
Features
Applies To: React, Angular, JavaScript, TypeScript, Vue, ASP.NET Core, and ASP.NET MVC.
-
Added built-in CRUD operations with database integration to enable efficient data editing within the Pivot Table and seamless synchronization with back-end data sources.
-
Added support for top and bottom value filtering to highlight key contributors and outliers in the dataset.
| Platform | Demo |
|---|---|
| React | View Demo |
| Angular | View Demo |
| Vue | View Demo |
| Javascript | View Demo |
| TypeScript | View Demo |
| ASP.NET Core | View Demo |
| ASP.NET MVC | View Demo |
- Introduced incremental, Excel-like filtering that allows users to add new selections without clearing existing filter conditions, improving multi-member filtering efficiency.
| Platform | Demo |
|---|---|
| React | View Demo |
| Angular | View Demo |
| Vue | View Demo |
| Javascript | View Demo |
| TypeScript | View Demo |
| ASP.NET Core | View Demo |
| ASP.NET MVC | View Demo |
- Added a “Percentage of Running Totals” aggregation type to analyze cumulative values as percentages for better data insights.
| Platform | Demo |
|---|---|
| React | View Demo |
| Angular | View Demo |
| Vue | View Demo |
| Javascript | View Demo |
| TypeScript | View Demo |
| ASP.NET Core | View Demo |
| ASP.NET MVC | View Demo |
- Enabled repeating row item labels in the classic layout to improve readability and ensure consistent formatting across the UI and exported reports.
| Platform | Demo |
|---|---|
| React | View Demo |
| Angular | View Demo |
| Vue | View Demo |
| Javascript | View Demo |
| TypeScript | View Demo |
| ASP.NET Core | View Demo |
| ASP.NET MVC | View Demo |
SmartDataGrid
.NET MAUI
Breaking Changes
The NuGet package and namespace for the SfSmartDataGrid control have been updated in this release.
Description
Previously, the SfSmartDataGrid control was included in the shared Syncfusion.Maui.SmartComponents NuGet package and namespace. To enhance modularity and improve maintainability, it has now been separated into its own dedicated NuGet package and namespace.
NuGet Change
-
Old NuGet package:
Syncfusion.Maui.SmartComponents -
New NuGet package:
Syncfusion.Maui.SmartDataGrid
Namespace Change
-
Old namespace:
Syncfusion.Maui.SmartComponents -
New namespace:
Syncfusion.Maui.SmartDataGrid
Impact
Applications that use the SfSmartDataGrid control and reference the old NuGet package or namespace will encounter compilation errors after upgrading to this version.
Action Required
- Replace the old NuGet package with the new
Syncfusion.Maui.SmartDataGridpackage. - Update all namespace references in both C# and XAML code to the new namespace.
TreeGrid
WinUI
Features
- #I372940 - Added support for binding all numeric data types in
TreeGridNumericColumn, enabling users to bind any numeric type to this column.
WPF
Features
-
#I293286, #I587256, #I731209 - Added support to search data, highlight matching results, and navigate seamlessly through next and previous occurrences within the
TreeGrid. -
#I373513, #I361553, #I251367, #I252027, #I287192, #I289398, #I328330 - Added support for
ManualandAutoRowHeightadjustment, allowing dynamic resizing based on content to improve readability and prevent text clipping. -
Added
Pagingfeature to efficiently navigate and view large hierarchical data by splitting records into multiple pages withSfDataPagercontrol.
Test Results
| Component Name | Platform | Test Cases | Passed | Failed | Remarks |
|---|---|---|---|---|---|
| DataGrid | Blazor | 10702 | 10702 | 0 | All Passed |
| Data Grid | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 4140 | 4140 | 0 | All Passed |
| DataGrid | WPF | 5087 | 5087 | 0 | All Passed |
| DataGrid | WinUI | 544 | 544 | 0 | All Passed |
| DataGrid | Windows Forms | 943 | 943 | 0 | All Passed |
| DataGrid | .NET MAUI | 5390 | 5390 | 0 | All Passed |
| DataGrid | Flutter | 5739 | 5739 | 0 | All Passed |
| TreeGrid | Blazor | 8113 | 8113 | 0 | All Passed |
| TreeGrid | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 5022 | 5022 | 0 | All Passed |
| TreeGrid | WPF | 3052 | 3052 | 0 | All Passed |
| TreeGrid | WinUI | 57 | 57 | 0 | All Passed |
| Smart DataGrid | .NET MAUI | 96 | 96 | 0 | All Passed |