Gridsのニュース

パフォーマンスを損なうことなく大規模なデータセットをレンダリング

9月 25, 2025
Handsontable 16.1.0では、クライアント側の行ページネーションが導入され、大きなテーブルでのパフォーマンスと使いやすさが向上

Handsontable is a JavaScript library designed to help developers build interactive data grids into their web applications. Offering a familiar spreadsheet-like interface, it allows users to edit, sort, and filter data with ease. Highly customizable and compatible with popular frameworks like React and Angular, Handsontable empowers developers to build robust data manipulation features into their web applications.

The Handsontable 16.1.0 update brings client-side row pagination, allowing users to divide large tables into smaller, more manageable chunks. This feature is especially beneficial when working with high-volume data, as it improves rendering speed and ensures smoother interaction. By enabling page-based navigation within the grid, developers can maintain a responsive user interface even as datasets scale up significantly.

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

Handsontable is licensed per developer and is available as an Annual or Perpetual license with 1 year support and maintenance. See our Handsontable licensing page for full details.

For more information, visit our Handsontable product page.

右クリックメニューでグリッド管理を簡素化

9月 23, 2025
ComponentOne Studio Enterprise 2025 v1.2では、FlexGridにカスタムコンテキストメニューが追加され、右クリックアクションでデータ処理を高速化

ComponentOne Studio Enterprise is a comprehensive suite of .NET UI controls developed by MESCIUS (formerly GrapeCity) designed for building rich, interactive desktop, web, and mobile applications. It provides developers with a broad range of tools and components-including data grids, charts, reports, input controls, and advanced data visualization features-for platforms such as WinForms, WPF, ASP.NET Core, Blazor, WinUI, and .NET MAUI. The suite emphasizes performance, flexibility, and ease of integration, helping teams create consistent, feature-rich user experiences across multiple application types while maintaining a unified development approach.

The ComponentOne 2025 v1.2 update includes a new sample demonstrating a complete, custom context menu solution for FlexGrid. It allows developers to define context-aware actions that adapt to different parts of the grid. This enables right-click functionality to insert rows, sort or group columns, and open a column picker directly within the grid. Developers benefit from the flexibility of FlexGrid’s API to implement tailored solutions while providing end users with a familiar, Excel-like experience that enhances efficiency and precision in data management tasks.

To see a full list of what's new in 2025 v1.2, see our release notes.

ComponentOne Studio Enterprise is licensed per developer on a perpetual basis and includes a 12 month subscription. Priority Support is also available. See our ComponentOne Studio Enterprise licensing page for full details.

Learn more on our ComponentOne Studio Enterprise product page.

データグリッド全体でテーマを即座に切り替え

9月 16, 2025
テーマのサポートが組み込まれているため、グリッドの外観をアプリケーション設計標準にすばやく合わせることが可能

Built-in theme support in a React grid refers to the component's ability to natively integrate and adapt to predefined visual styles without requiring extensive custom CSS. This feature allows developers to quickly apply consistent, professional-looking designs that align with widely used UI frameworks such as Material UI, Bootstrap, or custom enterprise branding. It simplifies the process of maintaining visual consistency across applications, reduces front-end development time, and ensures that the grid remains visually coherent with the rest of the user interface, particularly during updates or when switching between themes.

Several React Grid controls offer support for built-in themes including:

  • KendoReact Data Grid (part of KendoReact by Telerik) lets you choose among built‑in themes like Default, Bootstrap, Material, Fluent, and Classic, plus color swatches via SCSS variables.
  • DevExtreme HTML5 JavaScript Data Grid (part of DevExtreme Complete) allows usage of predefined themes such as Generic, Material Design, and Fluent, supporting Light/Dark/Compact variants across color schemes.
  • Handsontable by Handsoncode includes built‑in themes offering light, dark and auto color modes plus fine‑grained CSS variable‑based customization.
  • jQWidgets Grid (part of jQWidgets) allows you to select from 20+ built‑in themes, applied via theme properties or CSS files, ensuring consistent visual styling.

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

Compare React Grid Controls

グリッドセル内の日付を正確に処理

9月 9, 2025
日付/時刻セル型を持つJavaScriptグリッドは、構造化された入力、書式設定、検証を提供し、よりクリーンで信頼性の高い時間データ処理を実現

A date/time cell type in a JavaScript Grid control lets developers manage temporal data more effectively by treating input as actual JavaScript Date objects rather than plain text. This enables built-in features like calendar popups, time pickers, and structured output formats such as "09/09/2025" or "Sep 9 2025", making it easier for users to interact with the data accurately. It's especially useful in applications that rely on scheduling, activity logs, or time-driven reports. Most modern grid libraries also support localization, formatting, and input validation to ensure the cell behavior fits seamlessly with the application's design and data standards.

Several JavaScript Grid controls offer support for Date/Time cell types including:

  • Wijmo FlexGrid (part of Wijmo by MESCIUS) lets you apply rich date/time formatting in cells, supporting custom formats, calendar integration, and internationalized date display.
  • DevExtreme HTML5 JavaScript Data Grid (part of DevExtreme Complete by DevExpress) lets you format date/time cells with predefined patterns, including localized formats.
  • KendoReact Data Grid (part of KendoReact by Telerik) facilitates precise date/time formatting with full control over display masks, culture settings, and dynamic date parsing.
  • Handsontable by Handsoncode allows you to format date/time values directly in cells using configurable display patterns and built-in support for ISO date formats.
  • Ignite UI Angular Grid (part of Infragistics Ignite UI) allows you to define custom date/time formats in cells, handling both short and long styles with locale sensitivity.

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

Compare JavaScript Grid Controls

.NETアプリケーションでデータグリッドをカードとしてフォーマット

8月 28, 2025
カードビューを使用すると、開発者はグリッドデータを構造化されたビジュアルレイアウトで表示できるため、読みやすさとユーザーエンゲージメントが向上

Card view is a grid layout option that displays data as a series of individual cards arranged in rows and columns, rather than as traditional table rows. Each card encapsulates related fields, often with custom formatting and embedded controls, allowing for more visual and flexible presentation of complex data. This format is especially beneficial in scenarios where users need to review, interact with, or compare structured records involving rich content or media in a more engaging and user-friendly layout.

Several .NET grid components allow you to use card view, including:

  • DevExpress WPF Data Grid (part of DevExpress WPF) allows developers to present data in an adaptive, visually organized card‑style grid layout in WPF applications.
  • Xceed DataGrid for WPF by Xceed Software includes feature-rich 2D and 3D card modes that organize tabular data into flexible and responsive card views.
  • Wisej.NET DataGridView (part of Wisej.NET) delivers responsive card layout capabilities for modern HTML5 applications using .NET and C#/VB.NET instead of HTML and JavaScript.
  • Infragistics WinDataGrid (part of Infragistics Ultimate UI for Windows Forms) supports card view, enabling developers to present grouped fields in a card-style layout.

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

Compare .NET Grid Components