Gridsのニュース

グリッドビューにExcelスタイルの編集を追加

10月 1, 2025
Smart UI v24.0.0は、Smart UIグリッドにスプレッドシートスタイルの書式設定、ナビゲーション、選択を提供する新しい拡張機能を提供

Smart UI by 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 UI v24.0.0 release adds support for grid spreadsheet extensions which bring familiar spreadsheet‑style formatting and editing capabilities into the Smart UI grid component. Users can now apply formatting like bold, italic, underline, strike‑through, and set background or text colors directly in cells, much like working in Excel. These extensions also improve usability via selection behaviors, keyboard navigation, copy‑paste, and merging or spanning cells, making it easier for end users to manipulate tabular data without switching between tools. For developers and enterprises, these features mean reduced friction in building data‑heavy applications (dashboards, admin UIs, reporting tools), faster time to market since fewer custom implementations are required, and richer user experience for non-technical users accustomed to spreadsheet interfaces.

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

Smart UI (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. Team, OEM and Enterprise licensing options are also available. See our Smart UI (Smart HTML Elements) licensing page for full details.

Learn more on our Smart UI (Smart HTML Elements) product page.

フィルターを組み合わせて正確なグリッドデータ制御を実現

9月 30, 2025
Wijmo 2025 v2では、強化されたフィルタリング制御が追加され、開発者はFlexGridFilterで条件付きフィルターと値フィルターの両方を同時に定義可能

Wijmo by MESCIUS is a comprehensive JavaScript library offering a suite of high-performance UI components and data grids specifically designed to streamline the development of modern enterprise applications. It emphasizes reduced development time and improved maintainability, along with a focus on performance through its efficient design and small module size. Wijmo integrates seamlessly with popular JavaScript frameworks like Angular, React, and Vue.js, and supports cutting-edge technologies like TypeScript, making it a versatile solution for building complex web applications.

The Wijmo 2025 v2 update introduces a new MultiFilter feature in FlexGridFilter, giving developers the ability to apply both conditional and value filters simultaneously. Previously, users were limited to selecting one filter type at a time, which restricted flexibility when building complex data queries. With MultiFilter, developers can now define precise filtering logic that combines conditions and specific values in a single operation, enabling more efficient data exploration and analysis. This enhancement reduces the need for manual filtering steps and provides a more intuitive experience for end users who require granular control over their data views.

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

Wijmo is licensed per developer. Developer Licenses are perpetual and include 1 year Subscription which provides upgrades, including bug fixes and new features. See our Wijmo licensing page for full details.

Learn more on our Wijmo product page.

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

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