Grids 新聞

匯出 Vue.js 中定義的資料範圍

8月 14, 2025
具有內建匯出選擇功能的網格允許使用者選擇特定的行、列或儲存格,而不是匯出整個資料網格。

Export selection in a data grid is the ability to export only a defined range, the specific rows, columns or cells that a user has actively selected, rather than the entire dataset. This selective approach is particularly valuable when working with large data sets, as it allows users to extract and share only the most relevant subset of information without additional filtering or manual deletion after export. By reducing the volume of unnecessary data in exported files, it improves efficiency, helps maintain focus on the intended content, and can enhance security by avoiding the inclusion of sensitive or unrelated information. This targeted export capability is commonly used to output data in formats such as CSV, Excel, or PDF, supporting the integration of grid data into reporting and analysis processes.

Several Vue.js grid components allow you to export selections, including:

  • DevExtreme HTML5 JavaScript Data Grid (part of DevExtreme Complete by DevExpress) provides the option to export a user-defined range to Excel or PDF in Vue.js applications.
  • Wijmo FlexGrid (part of Wijmo by MESCIUS) includes a "selection" export mode which gives users greater control over output by exporting a chosen range from the grid to PDF.
  • Handsontable by Handsoncode facilitates the export of selected ranges from a dataset in Vue.js apps, offering flexibility to share specific portions of complex or extensive grids.
  • Syncfusion JavaScript DataGrid (part of Syncfusion Essential Studio Enterprise) comes with options for exporting filtered, current page and selected records, and to Excel, CSV or PDF.

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

Compare Vue.js Grid Controls

在網格介面中清晰顯示進度

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: