Grids 新聞

用右鍵選單簡化網格管理

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

立即將一致的樣式套用至資料網格

8月 21, 2025
將預先設計的主題應用於網格，以實現一致、可訪問的介面，同時減少樣式設計工作，增加更完美的使用者體驗。

Built-in themes for grids are pre-designed visual styles that can be applied directly to data grid components within applications. These themes define elements such as color schemes, typography, spacing, and borders to create a consistent and polished appearance without requiring manual CSS. The primary benefit is efficiency, as teams can quickly implement a cohesive look that aligns with modern user interface standards. Built-in themes also enhance usability by improving readability, supporting accessibility, and offering a familiar interface that reduces user effort. For example, enterprise dashboards, admin panels, and financial reporting tools can all benefit from built-in themes to present complex data in a clear, user-friendly format while maintaining visual consistency across different parts of the application.

Several .NET Blazor grid components offer built-in theme support including:

  • Telerik UI for Blazor Grid (part of Telerik UI for Blazor) allows rapid styling with built‑in themes like Material, Bootstrap and Fluent that ensure a modern visual layout.
  • DevExpress Blazor Grid (part of DevExpress ASP.NET and Blazor) offers built‑in Classic and Fluent themes, plus Bootstrap integration, enabling interface consistency.
  • Blazorise DataGrid (part of Blazorise) allows theming and appearance control through its theme API and templates for consistent styling.
  • Syncfusion Blazor DataGrid (part of Syncfusion Essential Studio Enterprise) lets you apply default CSS or generate cohesive custom themes via Theme Studio.

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

Compare .NET Blazor Grid Controls