Grids 新闻

在网格界面中清晰显示进度

8月 1, 2025
.NET WinForms 网格中的 ProgressBar 单元格提供了一种直接的可视化方式来显示结构化表格布局中任务或数据的完成情况。

ProgressBar cell types in a .NET WinForms grid control are specialized cells that visually represent progress or completion levels within a grid layout, using horizontal progress bars. These cells are particularly useful for tracking status indicators, such as task completion or data processing percentages, directly within tabular views. They provide a clear, immediate representation of numeric progress values, enhancing readability without requiring users to interpret raw numbers. For developers, integrating ProgressBar cells simplifies the task of conveying progress-related information in data-driven interfaces, offering a familiar and consistent user experience aligned with standard Windows Forms controls.

Several .NET WinForms grid controls offer ProgressBar cell type controls, including:

  • DevExpress WinForms Data Grid (part of DevExpress WinForms) lets you incorporate visually rich ProgressBar cells that clearly communicate task completion within complex data-driven interfaces.
  • True DBGrid for WinForms (part of ComponentOne Studio WinForms by MESCIUS) enables dynamic ProgressBar rendering in grid cells, ideal for tracking real-time metrics like processing or loading status.
  • Infragistics WinDataGrid (part of Infragistics Ultimate UI for Windows Forms) supports ProgressBar cells that visually convey progress values, helping developers present real-time status within structured data views.
  • Bunifu UI WinForms DataGrid View (part of Bunifu UI WinForms) allows you to present completion states directly in grid rows using sleek ProgressBar cells for modern, responsive interfaces.

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

Compare .NET WinForms Grid Controls

用极简设计更新实现筛选新式化

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 网格数据导出到 PDF

7月 24, 2025
DevExpress Blazor v25.1 允许您从 Blazor 网格创建 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.