Vue.js 뉴스

웹 애플리케이션에 Vue 피벗 테이블을 추가하세요

10월 14, 2025
SpreadJS 피벗 테이블(Pivot Tables)은 대규모 데이터 세트를 쉽게 탐색하고 요약할 수 있는 강력한 방법을 제공합니다.

SpreadJS is a complete enterprise JavaScript spreadsheet solution used to create financial reports and dashboards, budgeting and forecasting models, scientific, engineering, healthcare, education, science lab notebooks, and other similar JavaScript business applications. Leverage the high-speed calculation engine with over 500 Excel built-in functions in 19 languages, to deliver true Excel-like spreadsheet experiences with zero dependencies on Excel.

In this blog post, MESCIUS Product Marketing Specialist Mackenzie Albitz shows you the steps for integrating a Pivot Table directly into your Vue application using the SpreadJS Vue Spreadsheet component with its optional Pivot Table add-on. Steps include:

  • Creating a Vue Pivot Table
  • Adding Pivot Table Panels to a Vue app
  • Setting the Vue Pivot Layout
  • Setting the Pivot Table Theme
  • Understanding Pivot Table Slicers
  • Understanding Pivot ContextMenu
  • Applying Pivot Conditional Formatting

Detailed code is included and you can even download the sample app to get started.

Read the complete blog to get started creating and customizing powerful Vue Spreadsheet Pivot Tables.

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.

직관적인 체크박스로 데이터 입력을 단순화하세요

10월 8, 2025
그리드에 내장된 체크박스 셀을 활용하면 true/false(참/거짓) 값을 쉽게 관리할 수 있으며, 빠르고 정확하며 시각적으로 명확한 상호작용을 통해 가독성을 높일 수 있습니다.

A checkbox cell type in a grid allows users to easily manage Boolean (true or false) data through a simple and visual interface. Instead of typing values manually, users can quickly toggle a checkbox to indicate states such as active or inactive, complete or incomplete, or enabled or disabled. This interaction reduces input errors and enhances data clarity, making it easy to scan and understand information at a glance. Checkbox cells improve productivity by supporting quick edits, bulk selections, and efficient filtering based on checked or unchecked values. Common use cases include task tracking, user permissions, product availability, and feature toggles where a binary choice improves workflow efficiency and usability.

Several Vue.js grid components offers checkbox cell type support, including:

  • DevExtreme HTML5 JavaScript Data Grid (part of DevExtreme Complete) lets you add checkbox cells for quick true or false selections, enhancing clarity and data entry.
  • DataViewsJS by MESCIUS facilitates efficient data handling with checkbox cells, allowing users to toggle states instantly and visualize binary values effortlessly.
  • Handsontable by Handsoncode allows you to include checkbox cells for intuitive Boolean input, enabling fast updates and easy filtering within editable grids.
  • IntegralUI Grid (part of IntegralUI Web by Lidor Systems) enables checkbox cell integration, ensuring accurate Boolean data management and enhancing usability in interactive grids.

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

Compare Vue.js Grid Controls

현대적인 Tailwind 테마로 UI 디자인을 개선하세요

10월 6, 2025
jQWidgets v24.0.0은 Tailwind CSS 기반 테마를 추가하여, 유틸리티 중심 방식으로 반응형 인터페이스를 구축하고 UI를 유연하게 맞춤 설정할 수 있도록 지원합니다.

jQWidgets is a comprehensive JavaScript UI framework offering a robust collection of over 60 widgets, themes, and utilities for building professional-grade, cross-platform web applications. Built on jQuery, HTML5, and CSS, it provides extensive functionality including data grids, charts, navigation, input validation, and more. jQWidgets simplifies web development, ensuring your applications work seamlessly across desktop browsers, tablets, and smartphones.

The jQWidgets v24.0.0 update introduces a new Tailwind CSS-based theme that improves the process of styling and customizing user interfaces. By leveraging Tailwind’s utility-first framework, it enables flexible UI customization directly within markup, reducing the need for custom CSS and complex overrides. This integration ensures consistent design across components, promotes cleaner code, and aligns with modern front-end development practices. This release allows teams to deliver responsive, cohesive, and visually consistent applications with greater speed and precision.

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

jQWidgets is licensed per developer and is available as a Perpetual license 1 year support and maintenance. See our jQWidgets licensing page for full details.

Learn more on our jQWidgets product page.

혼합 시리즈 유형을 사용하여 지표를 시각화하세요

10월 3, 2025
Vue.js에서 보다 효과적인 데이터 분석을 위해 혼합형 차트(combination chart)를 사용하여, 여러 차트 유형이 하나의 그래픽에 포함된 형태로 데이터를 시각화하세요.

A combination chart or combo chart is a versatile type of data visualization that displays multiple chart types, such as columns, lines, or areas, to represent different data series within a single graphic. Combination charts are especially useful in scenarios where a single data type cannot fully convey the complexity of the dataset. By presenting different series types together, combination charts enhance the clarity and depth of insight available in a single view, be it on the same axis or across dual axes. This helps users to analyze complex relationships, trends and correlations between metrics more effectively than separate charts would allow.

Several Vue.js chart components allow you to combine series types on the same chart, including:

  • DevExtreme Chart (part of DevExtreme Complete by DevExpress) lets you combine chart types to visualize related datasets with shared axes for more informative comparisons.
  • Wijmo FlexChart and FinancialChart (part of Wijmo by MESCIUS) allow you to build flexible combination charts in Vue.js to display related data in one convenient graphic.
  • Highcharts Core by Highsoft enables developers to integrate multiple series types into a single chart with responsive behavior and rich interaction options.
  • Kendo UI for Vue Chart (part of Kendo UI by Telerik) facilitates mixed-type charting, allowing developers to present multifaceted data using a single, customizable component.

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

Compare Vue.js Chart Components

복합 질문으로 복잡한 설문조사를 단순화하세요

10월 2, 2025
SurveyJS Survey Creator 2.3.9를 사용하면 특수한 질문 유형을 나란히 보고 분석할 수 있어, 복잡한 설문을 더 쉽게 처리할 수 있습니다.

SurveyJS Survey Creator is a JavaScript library that enables developers to embed a drag-and-drop survey and form builder directly within their web applications. It provides a comprehensive UI for designing surveys with various question types, logic branching, and layout customization, generating JSON schemas that can be used by the SurveyJS Survey Library to render and process the surveys. This allows for the creation of dynamic and user-configurable data collection tools without requiring extensive custom development, streamlining the process of integrating survey functionality into applications.

The SurveyJS Survey Creator 2.3.9 update introduces support for specialized and composite question types within the Table View, enabling developers to efficiently display and analyze complex survey structures in a unified interface. This enhancement allows multiple question types such as numeric ratings, text responses, and categorical selections to be reviewed side by side, improving clarity and reducing the need for manual data consolidation. By supporting composite questions, the update simplifies the process of working with interrelated data points, helping developers deliver accurate reporting and improving survey analysis.

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

SurveyJS Survey Creator 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 Survey Creator licensing page for full details.

Learn more on our SurveyJS Survey Creator product page.