Gridsのニュース

スクロール時にグリッド行を動的にレンダリング

6月 30, 2025
仮想スクロールと無限スクロールを使用して、表示されるコンテンツを動的にレンダリングし、JavaScriptアプリケーションのデータグリッドの性能が向上

The ability to load items in a data grid as you scroll is a technique where content is rendered or fetched dynamically based on the user’s scroll position. Its purpose is to improve performance, and ultimately the user experience, when dealing with large datasets. This includes virtual scrolling, where the grid only renders rows that are currently visible in the viewport and reuses those same DOM elements as the user scrolls, and infinite scrolling (also known as endless scrolling), where additional data is loaded from a remote source in response to reaching the end of the currently displayed dataset. By minimizing the amount of data rendered or retrieved at any one time, this approach significantly reduces initial load times, improves responsiveness, and allows applications to scale efficiently.

Several JavaScript grid components allow you to load items as the user scrolls, including:

  • DevExtreme HTML5 JavaScript Data Grid (part of DevExtreme by DevExpress) supports both virtual and infinite scrolling to optimize data loading performance.
  • KendoReact Data Grid (part of KendoReact by Telerik) offers customizable column/row virtualization and virtual scrolling, dynamically requesting data as needed.
  • Sencha Ext JS Grid (part of Sencha Ext JS) implements infinite scrolling through a virtualized system that loads data on demand without traditional pagination.
  • Syncfusion DataGrid for JavaScript (part of Syncfusion Essential Studio Enterprise) allows both virtualization and infinite scrolling for responsive grid rendering.

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

Compare JavaScript Grid Components

階層ナビゲーションで複雑なデータを表示

6月 25, 2025
Telerik UI for .NET MAUI 2025 Q2では、TreeViewの階層とDataGridの柔軟性を組み合わせた新しいTreeDataGridコンポーネントを追加

Telerik UI for .NET MAUI is a robust suite of user interface components designed to simplify the creation of cross-platform applications using .NET Multi-platform App UI (MAUI). It offers a wide range of pre-built controls, including charts, grids, and navigation elements, enabling developers to build visually appealing, high-performance apps for Android, iOS, Windows, and macOS from a shared codebase. By ensuring a consistent user experience across platforms, it accelerates development and allows a focus on functionality, making it ideal for business applications, dashboards, and data-driven projects.

The Telerik UI for .NET MAUI 2025 Q2 update introduces the TreeDataGrid component, providing users with a powerful tool for presenting complex, hierarchical data in a structured, grid-based layout. By combining the features of a TreeView and a DataGrid, the TreeDataGrid enables efficient display and interaction with nested data using multiple columns, expandable rows, and customizable indentation. It supports dynamic operations such as adding or removing child items, auto-expanding nodes, and conditionally rendering expandable sections, providing precise control over data presentation and user experience.

To see a full list of what's new in 2025 Q2 (v11.0.0), see our release notes.

Telerik UI for .NET MAUI is licensed per developer and has two licensing models: an annual Subscription License and a Perpetual License. The Subscription license provides access to the latest product updates, technical support, and exclusive benefits for a flat annual fee, and must be renewed to continue using the software. The Perpetual license is a one-time purchase granting access to the current released version and includes a one-year subscription for product updates and technical support. After this initial period, users can choose to renew the subscription element to continue receiving updates and support; otherwise, they may continue using the installed version available during their active subscription term but will forgo future updates and support. See our Telerik UI for .NET MAUI licensing page for full details.

Telerik UI for .NET MAUI is available individually or as part of the following products:

グリッドデータパターンを即座に強調表示

6月 16, 2025
条件付き書式を使用して、主要なメトリクスを自動的に強調し、データの傾向と異常を明らかにことが可能

Conditional formatting in a grid refers to the dynamic application of visual styles—such as colors, icons, or font changes—to cells based on the values they contain or rules defined by the developer. This feature enables developers to visually differentiate data patterns, identify anomalies, or highlight critical values directly within a data grid without additional processing or user interaction. By presenting real-time visual cues tied to data content, conditional formatting enhances readability, supports quick analysis, and improves user decision-making, particularly in data-heavy applications where clarity and immediacy are essential.

Several Angular grid controls offer conditional formatting, including:

  • Wijmo FlexGrid (part of Wijmo by MESCIUS) enables rule-based styling for grid cells, providing real-time visual feedback that improves data interpretation.
  • Handsontable by Handsoncode allows you to define custom cell styling conditions, enabling immediate visual cues based on cell content or validation rules.
  • Ignite UI Angular Grid (part of Infragistics Ignite UI) facilitates the automatic formatting of cells, enhancing the visibility of key data.
  • Syncfusion Grid control for JavaScript (part of Syncfusion Essential Studio Enterprise) lets you apply dynamic conditional formatting rules to visually highlight data trends.

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

Compare Angular Grid Controls

スクロール中にグリッドヘッダーを表示したままにする

6月 12, 2025
垂直スクロール中にヘッダー行をグリッドの上部に固定することで、大規模なデータセットの列コンテキストを維持

Fixed headers in a grid component refer to the user interface feature where the header row (or rows) of the grid remains visible at the top of the viewport while the user scrolls through the content vertically. This functionality is particularly useful in data-intensive applications, as it ensures that column labels stay in view, maintaining context and readability even with large datasets. For software developers, implementing fixed headers improves usability, enhances data navigation, and supports better comprehension by eliminating the need to repeatedly scroll back to the top to interpret column values.

Several Blazor Grids offer support for fixed headers including:

  • Telerik UI for Blazor Grid (part of Telerik UI for Blazor) lets you freeze header rows, enabling persistent column visibility during vertical scrolling in complex datasets.
  • Blazorise DataGrid (part of Blazorise) allows you to fix grid headers in place, preserving access to column labels while users navigate long data tables.
  • Syncfusion Blazor DataGrid (part of Syncfusion Essential Studio Enterprise) facilitates fixed headers that stay visible on scroll, ensuring uninterrupted context when viewing content.

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

Compare Blazor Grids

グリッドにフレキシブルなサイドパネルを追加

6月 11, 2025
jQWidgets v23.0.0では、jqxGridに新しいサイドパネルが追加され、グリッドの横に補足データやコントロールを表示可能

jQWidgets is a comprehensive JavaScript UI framework offering a robust collection of over 60 widgets, themes, and utilities for building professional-grade, cross-platform web applications. Built on jQuery, HTML5, and CSS, it provides extensive functionality including data grids, charts, navigation, input validation, and more. jQWidgets simplifies web development, ensuring your applications work seamlessly across desktop browsers, tablets, and smartphones.

The jQWidgets v23.0.0 release adds a new side panel feature in jqxGrid, allowing developers to add custom HTML elements directly into side panels positioned next to the grid. Whether you want to include filters, charts, summaries, help text, or interactive widgets, the side panel supports any type of content.

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

jQWidgets is licensed per developer and is available as a Perpetual license 1 year support and maintenance. See our jQWidgets licensing page for full details.

Learn more on our jQWidgets product page.