Gridsのニュース

強化されたグリッドフィルタリングでデータ探索を絞り込み

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.

Blazorアプリで大量のデータを表示

3月 25, 2024
Infragistics Ultimate 23.2には、行と列を仮想化するBlazorの強力なデータグリッド向けのIgnite UIが含まれています。

Infragistics Ultimate offers a comprehensive library of enterprise-grade, high-performance grids, charts, and other UI controls, plus visual configuration tooling, rapid prototyping, and usability testing. It comes with controls for Angular, React, jQuery, Web Components, Blazor, ASP.NET MVC, ASP.NET Core, ASP.NET Web Forms, Windows Forms, WPF and Xamarin.

Infragistics Ultimate 23.2 includes the updated Ignite UI for Blazor Data Grid and Blazor Table which are specifically crafted to effectively manage substantial datasets while maintaining essential interactive capabilities. They offer features such as virtualization for enhanced performance, row grouping and pinning, built-in columns with functionalities like filtering, moving, resizing, and sorting, as well as responsive layout support and collapsible group headers. These components are designed to cater to the practical needs of developers working with Blazor, providing them with reliable tools for efficiently handling large volumes of data within their applications.

Infragistics Ultimate 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 Ultimate licensing page for full details.

The Ignite UI for Blazor Data Grid is available in the following products:

ユーザーがグリッドの外観をパーソナライズ可能

3月 21, 2024
カスタマイズ可能なテーマにより、ユーザーはグリッドのルックアンドフィールをパーソナライズできるため、より魅力的でユーザーフレンドリーなエクスペリエンスが実現します。

Customizable themes allow users to easily modify the visual appearance of a grid. This typically encompasses aspects like background colors, font styles, cell borders, and hover effects. These themes offer numerous benefits including improving the grid's readability and user experience by aligning it with the application's overall design aesthetic, enhancing data visualization by using color-coding or conditional formatting, and supporting accessibility needs by incorporating high-contrast themes.

Several Vue.js grid controls offer customizable theme support, including:

  • DevExtreme HTML5 JavaScript Data Grid (part of DevExtreme Complete by DevExpress) empowers you to design grids with custom themes for a seamless user experience.
  • Kendo UI for Vue Grid (part of Kendo UI by Telerik) enables customization of grid themes, tailoring the look and feel to perfectly match your application.
  • DataViewsJS by MESCIUS facilitates the creation of visually appealing grids with custom themes, enhancing interactivity with your data.
  • ZingGrid allows you to craft unique grid presentations through customizable themes, ensuring a distinctive visual style.
  • SmartClient Grid by Isomorphic Software facilitates the development of feature-rich grids with customizable themes, providing a solution for complex data visualization.

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

Compare Vue.js Grid Controls

スマートな再レンダリングでセル更新を最適化

3月 13, 2024
Handsontable 14.2.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.

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