Grids 뉴스

가상 스크롤링으로 대규모 데이터 그리드를 최적화하세요

12월 17, 2025
사용자가 보는 부분만 렌더링하여 속도를 극대화하고, 메모리 사용량을 줄이며, 어떤 규모에서도 그리드 조작을 원활하게 유지하세요.

Virtual scroll support in a grid component is a rendering strategy that displays only the rows and columns currently visible in the viewport while dynamically loading and unloading data as the user scrolls. It minimizes DOM size and memory usage by avoiding the creation of off-screen elements, which improves rendering speed, reduces layout thrashing, and maintains smooth interaction even with very large datasets. This approach enables grids to handle millions of records efficiently without requiring pagination, lowers CPU and GPU load, and delivers consistent performance across a wide range of devices.

Several React grid controls offer virtual scroll capability including:

  • DevExtreme React Data Grid (part of DevExtreme Complete by DevExpress) lets you render only visible records offering excellent performance for displaying thousands of data rows.
  • KendoReact Data Grid (part of KendoReact by Telerik) allows you to virtualize grid content for rapid scrolling and reduced DOM overhead with large datasets.
  • Wijmo React DataGrid (FlexGrid) (part of Wijmo by MESCIUS) facilitates virtual scrolling that loads data on demand, minimizing rendering work and preserving fluid navigation.
  • Infragistics Ignite UI for React Data Grid (part of Infragistics Ignite UI) enables row and column virtualization to significantly boost performance for large datasets.

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

Compare React Grid Controls

Angular 앱에서 그리드 데이터를 PDF로 쉽게 내보내세요

12월 12, 2025
Infragistics Ignite UI for Angular 21을 사용하면 고급 레이아웃과 서식을 적용하여 그리드 데이터를 PDF로 렌더링할 수 있습니다.

Infragistics Ignite UI for Angular is a comprehensive suite of Angular components and UI controls designed to accelerate development of high-performance, enterprise-grade web applications. It offers a rich collection of data grids, charts, and other UI elements, along with advanced features like pivoting, docking, and hierarchical data management. Built on Angular, the toolkit integrates into existing projects and provides a foundation for building modern, responsive, and interactive user interfaces.

The Ignite UI for Angular 21 release introduces the Grid PDF Exporter, a new service that allows developers to export data directly into PDF format from both raw arrays and advanced Angular grid components like IgxGrid, IgxTreeGrid, IgxHierarchicalGrid, and IgxPivotGrid. It offers a rich set of export capabilities including support for multi-page documents, automatic handling of page breaks, and customization of PDF formatting. Whether you're working with hierarchical data or flat tables, the service provides a structured and flexible solution for generating professional PDF files.

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

Infragistics Ignite UI for Angular is part of Infragistics Ignite UI which is licensed per developer and is available as a Perpetual License with a 1, 2 or 3 year support and maintenance subscription. See our Infragistics Ignite UI licensing page for full details.

Infragistics Ignite UI for Angular is available in the following products:

그리드 레이아웃을 손쉽게 조정하고 관리하세요

12월 9, 2025
행/열 기능을 사용하면 정보가 표시되는 방식을 조정할 수 있어, 그리드 데이터를 다룰 때 효율적인 제어가 가능합니다.

Row and column features form the core of modern grid components, enabling users to view, navigate, and manipulate tabular data efficiently. These capabilities improve usability and help developers present information in a structured, interactive format suited to many types of applications. By offering clear ways to organise, edit, and inspect information, row and column features allow users to work more effectively while maintaining control over how content is displayed.

Common features include:

  • Context menus offer quick access to actions such as editing, sorting, and column management.
  • Copying and pasting allows users to transfer data easily between grid cells or external applications.
  • Drag-and-drop supports intuitive rearrangement of rows or columns.
  • Expanding / resizing columns gives users the ability to adjust column width for better readability.
  • Freezing columns keeps key data visible while scrolling horizontally.
  • Hiding columns helps users focus on the most relevant information.
  • Reordering columns provides flexible control over layout and viewing preferences.
  • Row editing enables direct in-grid modifications to data values.
  • Selecting rows allows users to highlight, group, or operate on multiple records at once.

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

Explore Blazor Row and Column Features

CSS 별칭으로 데이터 그리드 테마를 쉽게 관리하세요

12월 9, 2025
Handsontable 16.2.0은 CSS 변수를 구조화된 별칭 계층(alias hierarchy)으로 업데이트하여, 테마를 더 쉽게 관리하고 사용자 지정할 수 있도록 지원합니다.

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.2.0 update introduces a redesigned approach to CSS theming with the addition of an alias-based variable system. This new hierarchy organizes CSS variables into logical layers, separating core values from theme-specific settings. As a result, developers can now apply consistent visual customization across the grid while maintaining clean, manageable stylesheets. This change significantly reduces the guesswork involved in identifying the correct variables and improves maintainability by clearly documenting the relationships between base tokens and theme aliases. It's a notable enhancement for teams looking to build and manage complex, branded UI components with greater efficiency and clarity.

To see a full list of what's new in version 16.2.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.

데이터 표시 및 상호작용을 개선하세요

12월 5, 2025
FastGrid는 정렬, 필터링, 편집 기능이 내장된 깔끔하고 직관적인 데이터 뷰를 제공하여 UI 코딩을 줄이고 애플리케이션 개발을 가속화합니다.

FastGrid is a modern, high-performance grid component designed for VCL and Lazarus environments, now incorporated into the FastReport VCL Ultimate package. It provides developers with an efficient and intuitive way to present, explore, and interact with data using minimal code. By supporting the standard TDataSource interface, FastGrid works easily with a wide range of database access technologies, including FireDAC, ADO, BDE, IBX, Oracle, and more, making it a versatile solution for data-driven applications. Its full compatibility with FastReport VCL also allows users to print and export while retaining all sorting, filtering, and visual settings.

The new FastGrid component introduces a robust set of features that benefit developers working with data grids. It offers built-in filtering and sorting that eliminate the need for custom UI logic, as well as smart editors that automatically adapt to the underlying data type, such as text, numeric values, lists, checkboxes, or even images, to enhance usability and accuracy. FastGrid delivers full WYSIWYG configuration at design time, allowing precise control of columns and interface elements. It is fully integrated with FastReport VCL, enabling printing and exporting to all supported formats while preserving display settings and user-applied filters. With full source code included, developers also gain the flexibility to customize and extend the component to meet specific project requirements.

FastGrid is included in FastReport VCL Ultimate which is licensed per named user and is available as a Perpetual license with 1 year of technical support and product updates. See our FastReport VCL Ultimate licensing page for full details.

Learn more on our FastReport VCL Ultimate product page.