Vue.js 뉴스

선택한 셀에 LAMBDA 함수를 직접 적용하세요

8월 15, 2025
SpreadJS 18.2는 선택한 셀에 LAMBDA 수식을 적용해 결과 값으로 한 번에 바꿀 수 있는 새로운 Transform 명령이 추가되었습니다.

SpreadJS is a high-performance JavaScript spreadsheet and data presentation component designed for enterprise web applications. It enables developers to deliver Excel-like functionality directly within their web solutions, providing advanced features such as data binding, complex calculations, pivot tables, charts, and extensive formatting options. Fully compatible with modern JavaScript frameworks like React, Angular, and Vue, SpreadJS allows seamless integration and customization, empowering development teams to create interactive, data-driven user experiences without relying on external spreadsheet applications.

The SpreadJS 18.2 adds a new Transform command which enables you to apply LAMBDA functions directly to a selected range of cells and replace the original content with calculated results. This simplifies data transformations - whether mapping, filtering, or reshaping - into a clean, single-step process. With this feature, you can select any range and apply a custom LAMBDA formula - for example, converting units, adjusting values, or formatting entries - and have SpreadJS overwrite the selection with the computed results immediately. This removes manual steps like inserting formulas in separate cells, copying values, or pasting back as values. This feature integrates with SpreadJS’s existing LAMBDA capabilities to offer more interactive and efficient spreadsheet manipulation.

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

SpreadJS is licensed per developer and includes 1 Year Maintenance (major and minor version releases and unlimited support phone calls). SpreadJS requires an Annual or Perpetual Deployment License. The optional Add-ons are available at an additional cost, and require a SpreadJS license. See our SpreadJS licensing page for full details.

For more information, visit our SpreadJS product page.

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월 13, 2025
SurveyJS Dashboard v2.3.0에는 순위형 질문을 위한 레이더 차트가 추가되어, 직관적인 시각 자료로 여러 값을 한눈에 쉽게 비교할 수 있습니다.

SurveyJS Dashboard is a JavaScript UI component that visualizes survey responses in real time using interactive charts and tables, helping teams analyze data quickly and efficiently. It integrates with any JavaScript framework, including Angular, React, Vue, and vanilla JS. The dashboard renders data based on JSON schemas created in Survey Creator and filled with responses from the Form Library. Its flexible, backend-independent design allows integration with any custom backend. With a variety of chart types, it supports use cases such as customer feedback, employee surveys, and market research by turning raw data into clear visual insights.

The SurveyJS Dashboard v2.3.0 update introduces support for radar charts, which developers can use to represent rank-based responses more intuitively, helping users gain clearer insights into survey data without additional configuration. This new chart type is automatically available for Ranking questions and can be selected directly from the chart type menu within the Dashboard.

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

SurveyJS Dashboard is licensed per developer with a one-time payment for indefinite use. Access to updates and technical support is available through a subscription. See our SurveyJS Dashboard licensing page for full details.

Learn more on our SurveyJS Dashboard product page.

필터링된 화면에서 트리 컨텍스트를 유지하세요

8월 8, 2025
SmartClient 14.1은 서버 로직이나 성능 저하 없이 상위 노드를 계속 표시하여 JavaScript 앱의 대규모 데이터 세트 필터링을 개선합니다.

SmartClient is a powerful JavaScript component suite compatible with React, Vue, Angular, and more, designed for building large-scale, high-performance web apps. It offers advanced UI components, dynamic data handling, customizable grids, and responsive design. Ideal for enterprise use cases like financial analytics and real-time reporting, SmartClient supports seamless backend integration and delivers optimized performance and scalability.

SmartClient has enhanced hierarchical data handling with the included KeepParentsOnFilter setting, ensuring that parent nodes remain visible in filtered views, even when data is loaded dynamically. It loads "skeleton branches" via a complex client-driven algorithm, automatically managed by SmartClient, to maintain high performance without preloading the entire tree, meaning it doesn't require server-side programming. This is particularly useful in large datasets with load-on-demand trees, as it allows users to maintain full visibility into the structure of filtered results without losing context. By preserving the hierarchical path to matching records, this feature improves usability and clarity in tree-based components, especially in applications where understanding the parent-child relationship is critical.

SmartClient is licensed per developer and is available as both perpetual and subscription licenses. Product updates and technical support is also available. See our SmartClient licensing page for full details.

For more information, visit our SmartClient product page.

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