Grids 뉴스

Vue.js 애플리케이션에서 데이터 그리드를 JSON으로 내보낼 수 있습니다

7월 24, 2025
구문 분석 및 다른 시스템과의 통합이 용이한 JSON(JavaScript Object Notation) 형식으로 표 데이터를 내보낼 수 있습니다.

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 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
셀의 내용이 너무 긴 경우 말줄임표로 줄여서 숨겨진 텍스트가 있음을 알려주는 새로운 'textEllipsis' 기능이 Handsontable 16.0.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.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
그리드의 스파크라인(sparkline)은 셀의 데이터 추세를 한눈에 시각적으로 알아볼 수 있도록 표시하여 명확성을 높이고, 내용을 더 효율적으로 비교하고 의사결정을 내릴 수 있도록 지원합니다.

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

스크롤하는 동안 그리드 행과 열을 고정할 수 있습니다

7월 4, 2025
ComponentOne Studio Blazor Edition 2025 v1은 데이터 가시성을 개선하기 위해 열을 오른쪽으로, 행을 아래쪽으로 고정하는 기능이 추가되었습니다.

ComponentOne Studio Blazor Edition by MESCIUS allows developers to leverage their existing C# skills to build rich web applications. This comprehensive suite includes high-performance, native Blazor UI controls like FlexGrid, a powerful datagrid with data virtualization, and 50+ chart types for data visualization. It also offers essential input controls like Autocomplete and Combobox, improving development efficiency and creating a seamless experience for both developers and users.

The ComponentOne Studio Blazor Edition 2025 v1 update introduces support for freezing columns to the right and rows to the bottom in FlexGrid, giving developers greater control over data presentation in complex UI scenarios. This enhancement allows critical data such as totals or summary rows and columns to remain visible as users scroll through the grid, improving usability and reducing the need for redundant navigation. It aligns with common spreadsheet behavior and enables developers to deliver a more intuitive and efficient user experience within their Blazor applications.

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

ComponentOne Studio Blazor Edition is licensed per developer on a perpetual basis and includes a 12 month subscription. See our ComponentOne Studio Blazor Edition licensing page for full details.

ComponentOne Studio Blazor Edition is available individually or as part of ComponentOne Studio Enterprise.