Grids News

Bring Live Data to JavaScript Grids Using RESTful APIs

January 9, 2024
Connect your grid to RESTful APIs to retrieve 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

Maintain Context When Scrolling Through Grid Data

January 4, 2024
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

Turn Your Grid Data into Shareable PDFs

December 27, 2023
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:

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

Compare ASP.NET Core Grid Components

Boost App Accessibility with Keyboard Navigation

December 21, 2023
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:

Boost Blazor Grid Performance with Virtual Scrolling

December 19, 2023
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