Syncfusion Essential Studio Enterprise 2023 Volume 3 SP1 adds .NET 8 compatibility for ASP.NET Core, Blazor, MAUI, WinForms, and WPF.

Syncfusion Essential Studio Enterprise provides a comprehensive collection of UI components and frameworks for building modern cross-platform applications. It offers over 1,800 components compatible with .NET WinForms, WPF, ASP.NET Core & MVC, WinUI, MAUI, JavaScript, Xamarin, Blazor, and more, enabling seamless application development across diverse devices and operating systems.

Version 2023 Volume 3 SP1 (23.2.5) adds support for .NET 8, allowing developers to build WinForms, WPF, ASP.NET Core, Blazor and .NET MAUI applications in the new release version of Microsoft's popular .NET ecosystem.

To see a full list of what's new in version 2023 Volume 3 SP1 (23.2.5), see our release notes.

For more information, visit our Syncfusion Essential Studio Enterprise product page.

Use Isomorphic Software's SmartClient to save search preferences, instead of repeating the same process time after time.

SmartClient is a comprehensive JavaScript component suite compatible with React, Vue, Angular, and more, that empowers you to craft large-scale, high-productivity Enterprise web applications. Its modern class system fosters clean encapsulation of application modules and screens, resulting in a more maintainable and comprehensible codebase.

In this blog post, Alex Fashakin demonstrates how to use SmartClient's built-in feature to save search preferences on grids. Steps include:

• Creating the DataSource
• Building the UI for the Saved Search feature
• How to save searches on grids
• Adding visible UI for storing search preferences

Read the complete blog to learn how to boost productivity with the SmartClient saved search feature.

For more information visit our SmartClient product page.

Handsontable 14.0.0 improves screen reader support and adds new keyboard shortcuts to help make navigation more intuitive and inclusive.

Handsontable is a JavaScript data grid component that provides a spreadsheet-like user experience for web applications. It allows developers to easily integrate data tables into their web pages, enabling users to manipulate data in a familiar and intuitive way.

Handsontable V14 now meets Web Content Accessibility Guidelines (WCAG) 2.1 AA standards, making it easier for people with disabilities to use the grid. This release also enhances screen reader compatibility by incorporating ARIA attributes into the HTML markup, ensuring seamless navigation for users of NVDA and JAWS on Windows, and VoiceOver on macOS.

To see a full list of what's new in version 14.0.0, see our release notes.

For more information, visit our Handsontable product page.

Apply visual cues to specific cells, rows, or columns based on their data values, making it easier to identify patterns and trends.

Conditional formatting in grids allows users to apply visual styles to cells or ranges based on the data they contain. It enhances data readability and analysis by highlighting critical values, outliers, or trends in a data-driven manner. For instance, a cell might be colored red if it contains a value below a certain threshold, thereby drawing attention to potential issues.

Several WinForms grid components support conditional formatting including:

• DevExpress WinForms Data Grid (part of DevExpress WinForms) enhances data visualization with rich conditional formatting rules including custom visual styles.
• FlexGrid for WinForms (part of ComponentOne Studio WinForms by MESCIUS) enables conditional cell styles, visual indicators and data-driven formatting.
• Infragistics WinDataGrid (part of Infragistics Ultimate UI for Windows Forms) includes sophisticated formatting rules, conditional cell backgrounds, and data-driven visual cues.
• NOV Grid for .NET (part of Nevron Open Vision for .NET) provides custom formatting expressions, data-driven cell styles and conditional background colors.
• Telerik UI for WinForms GridView offers rule-based cell formatting, visual indicators, and data-driven formatting logic.

For an in-depth analysis of features and price, visit our WinForms Grid comparison.

Compare WinForms Grid Components

Smart HTML Elements v17.2.0 adds .NET 8 compatibility for Blazor.

Smart HTML Elements is a JavaScript and Blazor web components UI library that provides over 50 components, including charts, grids, schedulers, Gantt charts, Kanban boards, docking layouts and pivot tables.

Version 17.2.0 adds support for .NET 8, allowing developers to build Blazor applications in the latest release of Microsoft's popular .NET ecosystem.

To see a full list of what's new in version 17.2.0, see our release notes.

For more information, visit our Smart HTML Elements product page.

Learn how to develop MAUI applications on macOS with the power of DevExpress .NET MAUI Templates.

DevExpress .NET MAUI is a suite of high-quality, ready-to-use UI controls designed for building cross-platform mobile applications. It provides a comprehensive collection of UI elements, including data grid, data editors, charts, and many more, to help you create professional-looking and user-friendly mobile apps. The .NET MAUI components are written in Objective-C (iOS) and Java/Kotlin (Android) and integrate seamlessly with the .NET MAUI platform through the use of MAUI 'Handlers'.

In this blog post, DevExpress Technical Evangelist Paul Usher takes you through the process of how to build application for .NET MAUI on macOS, in light of the retirement of Visual Studio for Mac. Steps include:

• Installing VS Code
• Installing the .NET SDK
• Installing the .NET MAUI workload via Terminal
• Installing Xcode or the Android SDK (for iOS/Android applications)

Read the complete blog to get started building .NET MAUI applications on your Mac.

Get more information about the DevExpress .NET MAUI UI Component Library.

Technical support for DevExpress .NET MAUI is available as part of DevExpress Universal.

Effortlessly load and render large datasets by only rendering rows that appear in the currently viewable area.

For large datasets, traditional grid scrolling struggles to maintain performance, often becoming sluggish and resource-intensive. Virtual scrolling provides a more efficient alternative. Instead of rendering the entire dataset at once, it dynamically fetches and displays only the visible rows, keeping the rest cached and unloaded. This significantly reduces the number of elements in the application, resulting in a noticeably smoother scrolling experience, even with millions of data points. Virtual scrolling empowers users to seamlessly explore expansive datasets without compromising performance or responsiveness.

Several Blazor grid components support virtual scrolling including:

• DevExpress Blazor Data Grid (part of DevExpress ASP.NET and Blazor) is a high-performance, feature-rich grid with seamless virtual scrolling for large datasets.
• FlexGrid for Blazor (part of ComponentOne Studio Blazor by MESCIUS) is a flexible and customizable grid with efficient virtual scrolling for data-intensive applications.
• Infragistics Blazor Data Grid (part of Infragistics Ignite UI) is a comprehensive grid solution with advanced virtual scrolling capabilities for enterprise-level applications.
• Syncfusion Blazor DataGrid (part of Syncfusion Essential Studio Enterprise) is a versatile grid with optimized virtual scrolling for handling massive datasets seamlessly.
• Telerik UI for Blazor Grid (part of Telerik UI for Blazor) is a powerful grid component which uses smooth virtual scrolling to navigate large data sets efficiently.

For an in-depth analysis of features and price, visit our Blazor grids comparison.

Compare Blazor Grid Components

DevExpress WinForms 23.2 lets users interact with data fields and UI elements using arrow keys and shortcuts.

DevExpress WinForms is a comprehensive suite of 190+ UI controls and development tools designed for building high-performance desktop applications. It offers a broad array of customizable controls, from data grids and ribbon interfaces to advanced charts, maps, and diagramming components. This empowers developers to rapidly create functionally rich applications, while adhering to accessibility guidelines and touch-enabled technology for modern Windows environments.

The DevExpress WinForms 23.2 release adds accessible keyboard navigation support to several controls, including the Ribbon, Backstage View, Recent Control, Data Grid, TreeList, CardView, Breadcrumb Editor, and Expression Editor. Users can navigate using arrow keys, keyboard shortcuts, and the Enter and Escape keys.

To see a full list of what's new in version 23.2, see our release notes.

DevExpress WinForms is licensed per developer and is available as a Perpetual License with a 12 month support and maintenance subscription. See our DevExpress WinForms licensing page for full details.

DevExpress WinForms is available to buy in the following products:

• DevExpress WinForms
• DevExpress DXperience
• DevExpress Universal

SpreadJS 17 introduces the optional GanttSheet add-on, offering a data-bound DataTable view with Gantt chart behavior and a spreadsheet UI.

SpreadJS by MESCIUS is a powerful JavaScript library that lets you build Excel-like spreadsheets within your web applications. It offers tables, charts, formulas, pivot tables, and more, all running within the browser. It works with major frameworks like Angular, React, and Vue, and offers Excel file import and export. SpreadJS empowers developers to create interactive dashboards, analyze data, and streamline workflows, all within the familiar spreadsheet interface.

The SpreadJS 17 release introduces the optional GanttSheet Add-On, a full Gantt implementation that works inside of SpreadJS. It seamlessly integrates with your existing spreadsheets, transforming them into clear and concise Gantt charts. This allows you to visualize tasks, dependencies, and progress at a glance, identifying potential bottlenecks and adjust schedules proactively. GanttSheet offers a flexible and intuitive may to manage tasks, sort data, customize calendar settings, and even import/export plans for smooth collaboration.

To see a full list of what's new in version 17, see our release notes.

SpreadJS is licensed per developer and includes 1 Year Maintenance (major and minor version releases and unlimited support phone calls). SpreadJS requires an Annual or Perpetual Deployment License. The GanttSheet Add-On is available at an additional cost, and requires a SpreadJS license. See our SpreadJS licensing page for full details.

For more information, visit our SpreadJS product page.

Export ASP.NET Core grid data to PDF, making it easier to share for offline analysis and record keeping.

PDF export is a powerful feature in grid controls, allowing users to capture and share data presented in a readily accessible format. This functionality typically involves dedicated methods or settings within the grid, enabling seamless transformation of the displayed data into a structured PDF document. Users often have control over what sections and columns to export, along with formatting options like headers, fonts, and page layout. This flexibility makes PDF export ideal for generating printable reports, archiving snapshots of grid data, and distributing information beyond the confines of the application.

Several ASP.NET Core grids support exporting to PDF including:

• DevExpress ASP.NET Core Data Grid provides rich PDF export with formatting options, data binding and custom layouts.
• FlexGrid for ASP.NET by MESCIUS can export grids to pixel-perfect PDFs with flexible formatting options like fonts, colors, and borders.
• Infragistics ASP.NET Core Data Grid includes feature-rich PDF export with options for data binding, cell styles and layouts.
• Telerik UI for ASP.NET Core Grid features a powerful PDF export engine with advanced formatting capabilities like conditional styles, headers/footers and watermarks.
• Syncfusion ASP.NET Core DataGrid can create high-fidelity PDFs from grids with rich formatting options.

For an in-depth analysis of features and price, visit our ASP.NET Core grids comparison.

Compare ASP.NET Core Grid Components

Improve user experience when working with large data sets by fixing column headers to the top of the grid.

Fixed headers are a user interface element found in grids, particularly those managing large datasets. They comprise the top section of the grid, typically encompassing the row containing column labels and potentially additional rows with key information. Unlike the scrollable body of the grid, these headers remain anchored to the viewport, acting as a persistent reference point while users navigate through the data, thus improving user experience.

Several React grids support fixed headers including:

• KendoReact Data Grid (part of KendoReact by Telerik) includes fixed headers that stay visible as you scroll, offering seamless navigation through massive datasets.
• Wijmo FlexGrid (part of Wijmo by MESCIUS) allows you to lock headers in place for easy column reference, even with horizontal scrolling.
• Syncfusion Grid control for JavaScript (part of Syncfusion Essential Studio) includes pinned headers that offer consistent context amidst complex data exploration.
• Handsontable provides you with the ability to freeze rows or columns to keep key data points always in view.

For an in-depth analysis of features and price, visit our React grids comparison.

Compare React Grid Components

Connect your grid to RESTful APIs to retreive data, making your application more performant, scalable, maintainable, and user-friendly.

A RESTful API is a standardized interface that facilitates interaction between your application and remote data sources. Built on the principles of Representational State Transfer (REST), it leverages familiar HTTP verbs like GET, POST, PUT, and DELETE to perform CRUD operations (Create, Read, Update, Delete) on resources. This elegant and widely adopted approach ensures predictable communication, simplifies data access and manipulation, and empowers your applications to be dynamic, scalable, and efficient. In essence, RESTful APIs act as secure intermediaries, orchestrating a seamless flow of information between your application and the data it needs.

Several JavaScript grid controls support RESTful as a data source, such as:

• Syncfusion Grid control for JavaScript (part of Syncfusion Essential Studio Enterprise) is a feature-rich datagrid that supports seamless RESTful data binding.
• Ignite UI Angular Grid (part of Infragistics Ignite UI) is an Angular-native grid, that can deal with unlimited rows and columns of data, with support for REST API data sources.
• Sencha Ext JS Grid (part of Sencha Ext JS) is a customizable grid capable of processing large data sets, with support for local or remote data sources through RESTful methods.
• SmartClient Grid (part of SmartClient by Isomorphic Software) is an enterprise-grade grid featuring robust REST integration, supporting custom filtering logic and real-time updates.
• ZingGrid is a JavaScript library for building customizable data tables, which also offers REST data binding capabilities, for smooth scrolling and fast rendering with massive datasets.

For an in-depth analysis of features and price, visit our JavaScript grid comparison.

Compare JavaScript Grid Controls

Foster seamless data exchange by leveraging the widely-supported CSV format for your Angular grid exports.

CSV export functionality in a grid control empowers users to seamlessly bridge the gap between interactive visualization and in-depth analysis. By exporting the displayed data as a readily importable CSV file, users gain immediate access to a familiar format compatible with diverse spreadsheet tools. This feature promotes efficient data extraction, facilitating further analysis, report generation, and data sharing, all directly from the convenience of the grid interface.

Several Angular grid controls support exporting to CSV, such as:

• Wijmo FlexGrid (part of Wijmo by MESCIUS) allows you to transform your Angular data tables into clean, ready-to-analyze CSV files with seamless export options.
• Handsontable by Handsoncode empowers rapid data analysis with seamless, flexible CSV export from your Angular grids.
• Ignite UI Angular Grid (part of Infragistics Ignite UI) lets you effortlessly export your grids to clean, analysis-ready CSV files in a single click.
• Syncfusion Grid control for JavaScript (part of Syncfusion Essential Studio Enterprise) allows you to capture Angular grid data effortlessly in CSV format for straightforward sharing.

For an in-depth analysis of features and price, visit our Angular grid controls comparison.

Compare Angular Grid Controls

A search function empowers users to navigate large grid-based datasets efficiently, saving time and boosting productivity.

Searching within a grid enables users to quickly find specific data points by entering search criteria. For large datasets, navigating to specific data points can be a monumental task, often requiring time-consuming manual scrolling. Grid search allows users to pinpoint desired data within seconds, boosting productivity and streamlining analysis. This eliminates the need for tedious browsing and empowers users to quickly identify trends, patterns, and outliers, enabling deeper insights and informed decision-making.

Several WPF grids support searching including:

• DevExpress WPF Data Grid (part of DevExpress WPF) provides filter searching for massive datasets, highlighting matching results.
• FlexGrid for WPF (part of ComponentOne Studio WPF by MESCIUS) offers effortless keyword and advanced filtering across all columns or specific ones.
• Telerik UI for WPF GridView (part of Telerik UI for WPF) includes intuitive searching for streamlined navigation, with search-as-you-type functionality.
• Xceed DataGrid for WPF features custom searching for precise grid exploration, and can search every visible column regardless of its data type.
• Syncfusion WPF DataGrid (part of Syncfusion Essential Studio Enterprise) allows you to quickly search the data displayed in the grid, with customizable highlighting.

For an in-depth analysis of features and price, visit our WPF grids comparison.

Compare WPF Grid Components

Filter on the fly with context menu access and view summaries at a glance in the grid footer with ComponentOne FlexGrid for WinForms.

ComponentOne Studio Enterprise is a comprehensive toolkit designed to streamline and accelerate .NET development across mobile, web, and desktop applications. It offers a vast library of performant and customizable UI controls, including data grids, charts, reporting tools, and input components, compatible with various platforms like WinForms, WPF, Blazor, ASP.NET MVC, and Xamarin. By leveraging pre-built components and functionalities, developers can save time and resources, focusing on core business logic and delivering high-quality applications faster. ComponentOne Studio Enterprise includes the FlexGrid for WinForms grid component.

In this blog post, MESCIUS Technical Engagement Engineer Hunter Haaf demonstrates how to integrate the FilterEditor with FlexGrid. Steps include:

• Adding FlexGrid and FilterEditor controls to the form
• Editing the filter with a Form Button
• Editing the filter with the Context Menu
• Filter Summary Footer, Checkbox Filtering, and more.

Source code examples are included with each step.

Read the full blog post and add powerful runtime filtering to your FlexGrid data.

Grid controls with responsive layout support make sure that your data is accessible on desktop, mobile, and the web, across varied screen sizes.

Leveraging a Blazor grid control with responsive layout empowers your application with optimal data visualization across diverse screen sizes and orientations. This enhances the user experience by ensuring seamless navigation, readability, and interaction with grid content, regardless of whether it's being accessed from a desktop computer, tablet, or mobile phone. This flexibility fosters wider accessibility, improves user engagement, and ultimately strengthens the overall value proposition of your Blazor application.

Several Blazor grid controls offer responsive layouts including:

• DevExpress Blazor Data Grid (part of DevExpress ASP.NET and Blazor) seamlessly adapts to various screen sizes with column resizing and flexible layouts.
• FlexGrid for Blazor (part of ComponentOne Studio Blazor Edition by MESCIUS) leverages a flexible grid system for a fluid and responsive user experience across devices.
• Syncfusion Blazor DataGrid (part of Syncfusion Essential Studio Enterprise) optimizes columns and layouts for automatic device-perfect viewing.
• Telerik UI for Blazor Grid (part of Telerik UI for Blazor) enhances mobile usability with built-in touch gestures and responsive breakpoints.

For an in-depth analysis of features and price, visit our Blazor grid controls comparison.

Compare Blazor Grid Controls

From consolidated summaries to underlying granular details, drill-down functionality allows users to get a deeper understanding of complex data.

Drill-down capability within a grid control is a user-interactive feature that allows deeper exploration of summarized data. By clicking on specific cells or groups, users navigate down through hierarchical levels, uncovering increasingly granular details hidden within the aggregated view. This empowers informed decision-making by readily accessing both summarized overviews and underlying individual records, all within the familiar grid interface.

Several Angular grid controls offer drill-down capability including:

• DevExtreme HTML5 JavaScript Data Grid (part of DevExtreme Complete by DevExpress) enables you to seamlessly drill down into nested data for granular insights.
• Wijmo FlexGrid (part of Wijmo by MESCIUS) allows you to navigate hierarchical data effortlessly with intuitive parent-child relationships.
• SmartClient Grid by Isomorphic Software empowers users with rich drill-down capabilities and customizable expand/collapse options.
• Ignite UI Angular Grid (part of Infragistics Ignite UI) enables you to inspect data across multiple levels through seamless row and column drill-down.
• ZingGrid allows you to uncover insights easily with built-in drill-down hierarchies for interactive data exploration.

For an in-depth analysis of features and price, visit our Angular grid controls comparison.

Compare Angular Grid Controls

Leverage React's dynamic UI and Wijmo's connectivity and visualization capabilities to fetch data from SWAPI and display it in a FlexGrid.

Wijmo by MESCIUS is a comprehensive suite of JavaScript UI components and data grids designed for building modern, performant enterprise applications. It offers a rich library of customizable elements like charts, gauges, calendars, and grids, compatible with popular frameworks like Angular, React, and Vue. Wijmo boasts efficient data handling, accessibility features, and regular updates, making it a popular choice for developers seeking to enhance their web app's interactivity and visual appeal. Wijmo's FlexGrid component provides a JavaScript UI datagrid which includes built-in sorting, formatting, pagination, and flexible data binding.

In this blog post, MESCIUS Technical Engagement Engineer Andrew Peterson takes you through the process for building a React application to fetch and display data using the WijmoGrid Component. Steps include:

• Setting up your React App
• Installing Wijmo and Axios
• Creating the WijmoGrid Component
• Fetching Data from SWAPI
• Adding additional features, such as pagination

Read the full blog post and get started creating immersive and visually appealing React applications.

Smart HTML Elements v18 adds a new grid card view layout which offers a user-friendly interface for data exploration and editing.

Smart HTML Elements is an enterprise-grade UI library offering pre-built web components for developers in Angular, React, Vue, Blazor, and JavaScript. It boasts over 60 ready-to-use components like grids, charts, schedulers, and editors, all featuring two-way data binding, responsiveness, accessibility, and theming capabilities. This library helps developers rapidly build dynamic and modern web applications with consistent look-and-feel and rich functionalities, accelerating development time and ensuring professional quality.

The Smart HTML Elements v18.0.0 release adds a new grid card view layout that leverages CSS grid to offer an adaptive container for presenting information in a visually appealing card format. Cards can be dynamically populated with text, images, and other multimedia elements, allowing for customization and adaptation to diverse content types. The responsive layout automatically adjusts to various screen sizes and device orientations, ensuring optimal card arrangement and user experience across platforms.

To see a full list of what's new in v18.0.0, see our release notes.

Smart HTML Elements is licensed per developer and is available as a Perpetual license with 1 year support and maintenance. It includes distribution to Unlimited Web applications, SaaS projects, Intranets and Websites. See our Smart HTML Elements licensing page for full details.

Learn more on our Smart HTML Elements product page.

WinForms grids with bound data displays allow users to see updates to the underlying data immediately, reflecting the current state of information.

Grid controls with Bound Data Display provide a structured and efficient means of presenting and managing data in software applications. By binding the grid to a data source, such as a database or a collection of objects, developers can ensure real-time synchronization between the data and the grid, eliminating the need for manual updates. This seamless integration enhances data accuracy and consistency, allowing users to view, edit, and manipulate information in a centralized and organized format. The bound data display simplifies data management and enhances user productivity by providing a dynamic and responsive interface that reflects changes in the underlying data source.

Several .NET WinForms Grids support bound data display including:

• DevExpress WinForms Data Grid (part of DevExpress WinForms) allows you to display and manipulate data in a tabular format with support for various data binding options such as databases, collections, or custom data objects.
• FlexGrid for WinForms (part of ComponentOne Studio WinForms by MESCIUS) can bind to virtually any data source that implements the IEnumerable or DataCollection interface, including ADO.NET data sources.
• TeeGrid for .NET by Steema Software, binds to various sources like DataTable, DataView, IList, IEnumerable, and custom objects.
• Bunifu UI WinForms DataGrid View (part of Bunifu UI WinForms) binds to various data sources like DataTable, DataView, and custom collections and automatically generates columns based on data object properties.

For an in-depth analysis of features and price, visit our comparison of .NET WinForms Grids.

Compare .NET WinForms Grids