React 뉴스

향상된 그리드 필터링을 통한 데이터 탐색 개선

4월 2, 2024
ZingGrid 1.7.0은 사용자가 데이터를 쉽게 살펴보고 복잡성에 관계없이 원하는 사항을 정확히 찾을 수 있도록 지원합니다.

ZingGrid is a JavaScript library that simplifies the creation of interactive data tables and grids within web applications. Utilizing modern web components and focusing on performance and responsiveness, ZingGrid allows developers to implement features like searching, filtering, pagination, and in-line editing with minimal coding. This empowers efficient data visualization and manipulation for users, making it a valuable tool for web development.

Version 1.7.0 adds a rich set of filter conditions, including "contains," "notContains," "equal," "beginsWith," "endsWith," and many more, to pinpoint exactly the information you need. It also empowers you to create custom conditions, ensuring your filtering capabilities perfectly match your data and use case.

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

ZingGrid is available as either a Single-Domain Website or Multi-Domain SaaS license. See our ZingGrid licensing page for full details.

For more information, visit our ZingGrid product page.

JavaScript 차트 렌더링 개선

4월 2, 2024
Wijmo 2024 v1은 스플라인 차트 보간과 폴리라인 및 다각형에 대한 더 부드러운 라운딩을 사용하여 FlexChart 컨트롤의 렌더링을 구체화합니다.

Wijmo by MESCIUS is a comprehensive suite of JavaScript UI controls for building interactive web applications. It offers a wide range of powerful components including grids, charts, inputs, and gauges, designed to streamline development processes and enhance user experiences. With its robust functionality and customizable features, Wijmo simplifies the creation of sophisticated web interfaces, empowering software developers to efficiently craft responsive and visually appealing applications without sacrificing performance or scalability.

The Wijmo 2024 v1 release includes significant rendering refinements for FlexChart and FlexPie. Notable improvements include smoother rounding for polylines and polygons in FlexChart, enhanced spline chart interpolation, and refined tooltips tailored specifically for small slices within FlexPie. These updates collectively enhance the visual quality, precision, and user experience of both chart components, providing developers with finer control over chart aesthetics and data representation.

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

Wijmo is licensed per developer. Developer Licenses are perpetual and include 1 year Subscription which provides upgrades, including bug fixes and new features. See our Wijmo licensing page for full details.

For more information, visit our Wijmo product page.

툴팁을 통한 대시보드 상호작용 향상

3월 18, 2024
Stimulsoft Dashboards.JS 2024.2에서 툴팁에 대한 지원을 추가하여 사용자가 요소 위로 마우스를 가져갈 때 정보성 팝업을 표시합니다.

Stimulsoft Dashboards.JS is a JavaScript library designed for building interactive dashboards within web applications. It offers a comprehensive suite of tools for data processing, visualization, and dashboard design. Compatible with any HTML5 browser, it allows you to create a variety of dashboards for various purposes and integrates seamlessly with popular JavaScript frameworks like React and Vue.js.

The Stimulsoft Dashboards.JS 2024.2 update adds tooltip functionality for list box, combo box and shape elements. Hovering over an item can now reveal more information, providing additional details and context on demand. This intuitive feature empowers users to explore data and grasp its meaning at a glance, enhancing overall understanding.

For full details of what's new in version 2024.2, see our release notes.

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

Stimulsoft Dashboards.JS is available to buy in the following products:

스마트한 재렌더링을 통한 셀 업데이트 최적화

3월 13, 2024
이제 Handsontable 14.2.0에서 메모이제이션(memoization)을 사용하여 셀 편집 또는 스크롤 동작과 같은 사용자 상호작용 후 불필요한 재렌더링을 방지합니다.

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.

Handsontable 14.2.0 improves cell re-rendering using the React wrapper. The wrapper now uses memoization to optimize performance during user interactions like cell editing or scrolling in the grid, allowing the wrapper to remember the previous state and only update the elements that have actually changed. This smarter approach results in a smoother and more stable experience in your Handsontable apps, especially for complex custom cell types.

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

중요한 데이터 요소를 시각적으로 강조 표시하세요

3월 12, 2024
조건부 서식을 통해 중요한 React 그리드 데이터에 주의를 집중시켜 데이터 시각화 및 사용자 경험을 향상시키세요.

Conditional formatting in a grid allows you to dynamically alter the visual style of cells based on specific criteria within your data. This functionality enhances readability and user experience by highlighting important information. For instance, negative values can be displayed in red, exceeding values in bold, and empty cells with a light gray background, all within the grid itself. This reduces the need for users to manually scan through data and immediately draws attention to critical elements.

Several React grid controls offer conditional formatting, including:

  • KendoReact Data Grid (part of KendoReact by Telerik) facilitates applying custom styles and colors to grid cells based on data conditions.
  • Wijmo FlexGrid (part of Wijmo by MESCIUS) empowers developers to implement conditional formatting rules for visual data analysis in React apps.
  • Handsontable by Handsoncode enables the creation of data grids with dynamic cell formatting dependent on specific values.
  • jQWidgets Grid (part of jQWidgets) offers conditional formatting capabilities to highlight patterns and trends within React data grids.
  • Syncfusion Grid (part of Syncfusion Essential Studio Enterprise) provides conditional formatting rules to enhance grid data visualization.

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

Compare React Grid Controls