Gridsのニュース

ミニマリストデザインのアップデートでフィルタリングを最新化

7月 29, 2025
ComponentOne Studio WinForms 2025 v1メンテナンスリリースは、よりクリーンでコンパクトなFlexGridフィルタUIで生産性が向上

ComponentOne Studio WinForms by MESCIUS is a comprehensive toolkit offering over 120 advanced UI components to streamline Windows Forms application development. It empowers you to build visually appealing and feature-rich applications with functionalities like data visualization through charts and reports, intuitive data editing with performant grids, and modern UI elements including ribbons and docking for a user-friendly experience.

The ComponentOne Studio WinForms 2025 v1 maintenance update refines the FlexGrid Filter UI by making the dropdown more compact, allowing it to fit more efficiently within tight interface layouts. This adjustment improves the overall usability of the grid, particularly in data-heavy applications where screen space is limited. By streamlining the visual footprint of the filter interface, developers can deliver cleaner, more focused user experiences without compromising functionality, making it easier for end users to interact with and analyze data effectively.

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

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

Learn more on our ComponentOne Studio WinForms product page.

Vue.jsアプリケーションでデータグリッドをJSONにエクスポート

7月 24, 2025
表形式データを解析が容易で、他のシステムと統合可能な形式のJavaScript Object Notation (JSON)でエクスポート

Exporting a data grid to JSON format is a common feature in modern web-based data tools that involves converting the structured data displayed in a grid, such as rows and columns representing records and fields, into JavaScript Object Notation (JSON), a lightweight, text-based format commonly used for data interchange. This process enables the grid's contents to be saved in a machine-readable structure that preserves the hierarchy and attributes of the data, making it easily consumable by web services, APIs, or other applications. The benefits of exporting to JSON include its compatibility with a wide range of programming environments, ease of integration with frontend and backend systems, and suitability for transmitting data across networked systems or persisting it for later use in client-side operations or remote storage.

Several Vue.js grid controls allow you to export to JSON, including:

  • FusionGrid by FusionCharts works with Vue.js and allows you to export grid data to JSON, enabling seamless integration with APIs and JavaScript-based applications.
  • jQWidgets Grid (part of jQWidgets) offers a straightforward method to convert visible grid data to JSON in Vue.js apps, preserving data types and custom formatting.
  • Jspreadsheet Pro Data Grid (part of Jspreadsheet Pro) enables Vue.js applications to export spreadsheet-style data to JSON, ideal for syncing with databases or external services.
  • DataGridXL facilitates JSON output from grid data, ensuring compatibility with modern frameworks and smooth data handling in JavaScript-driven workflows.

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

Compare Vue.js Grid Controls

Blazor Gridデータをカスタムビューを使用してPDFにエクスポート

7月 24, 2025
DevExpress Blazor v25.1では、Blazor GridからPDFを作成し、アクティブなフィルター、並べ替え、グループ化を保持可能

DevExpress Blazor (part of DevExpress ASP.NET and Blazor) helps you create high-impact user experiences for both Blazor Server and Blazor WebAssembly using C#. The Blazor UI Component Library ships with a comprehensive set of native components (including a DataGrid, Pivot Grid, Scheduler, Chart, Data Editors and Reporting).

The DevExpress Blazor v25.1 update enhances the Blazor Grid component with support for PDF export, allowing developers to generate documents that mirror the current data view. This includes all applied filters, sort orders, and group configurations, ensuring that the exported content matches the user's on-screen context. The PDF output retains data columns, group rows with summaries, and overall total summaries, making it a practical tool for sharing, archiving, or printing user-customized reports. This update helps developers deliver consistent, visually structured documents from within Blazor applications.

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

DevExpress ASP.NET and Blazor is licensed per developer and is available as a Perpetual License with a 12 month support and maintenance subscription. See our DevExpress ASP.NET and Blazor licensing page for full details.

DevExpress Blazor is available in the following products:

グリッドセル内の長いテキストを省略記号でスムーズに処理

7月 10, 2025
Handsontable 16.0.0では、長すぎるセルの内容を省略記号で短縮し、非表示のテキストを通知する新しい'textEllipsis'機能を追加

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.0.0 update adds a new feature called 'textEllipsis' which improves the readability and layout of tables. When activated, this feature automatically replaces any overflowing text in a cell with an ellipsis (…), ensuring that excessive content does not spill over and disrupt the alignment of the table. This approach keeps tables visually clean while clearly signaling that additional content exists, making it easier for users to scan data-heavy views without distraction.

To see a full list of what's new in version 16.0.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.

コンパクトなスパークラインでトレンドを視覚化

7月 7, 2025
グリッドのスパークラインは、セル内のデータ傾向を表示することで、視覚的な洞察をすばやく提供し、明瞭さ、比較、意思決定を強化

Sparklines are small embedded charts displayed within individual cells of a data grid or table, offering a compact and intuitive way to visualize trends, patterns and variations in data. Unlike traditional charts, sparklines are designed to fit alongside text or numerical values, providing immediate visual context without taking up additional space. This makes them ideal for high density dashboards and reports where space efficiency and quick interpretation are important. By enabling users to scan and compare trends across multiple rows at a glance, sparklines support faster decision making and improved data comprehension. Common use cases include tracking stock performance over time, visualizing monthly sales trends, monitoring temperature fluctuations or comparing website traffic across multiple pages directly within the grid.

Several .NET Winforms grid controls offer support for sparklines including:

  • NOV Grid for .NET lets you embed sparklines directly into grid cells, enabling real-time trend visualization and compact data analysis.
  • Infragistics WinDataGrid (part of Infragistics Ultimate UI for Windows Forms) allows you to present performance trends within rows using sparklines, improving clarity and insight.
  • FlexGrid for WinForms (part of ComponentOne Studio WinForms by MESCIUS) facilitates data interpretation by integrating sparklines into each row for immediate visual context.
  • DevExpress WinForms Data Grid (part of DevExpress WinForms) enables compact graphical summaries with sparklines, allowing users to easily detect patterns.

Compare .NET Winforms Grid Controls