Grids 新闻

允许用户个性化您网格的外观

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 现在使用记忆化（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

在您的 JS 网格中显示上下文相关的选项

2月 29, 2024
jQWidgets v19 引入对 jqxGrid 的上下文菜单支持，使用户能够直接在网格本身中访问相关命令项。

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 v19 release introduces a built-in context menu. This menu appears upon right-clicking within the grid, offering users context-specific options relevant to their current selection or interaction. This eliminates the need to navigate to separate menus or tools, streamlining user interactions and significantly improving usability. By providing immediate access to relevant actions within the grid itself, users can work more efficiently and productively. This new addition enhances the overall user experience for anyone working with jqxGrid.

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

用迷你图突出显示网格数据的趋势

2月 26, 2024
jQWidgets v19 允许您将迷你图集成到您的网格中，从而提供一种快速且富有洞察力的方式来可视化您数据中的趋势和模式。

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 v19 release introduces support for integrating sparklines directly into jqxGrid. These miniature charts, plotted directly within grid cells, provide a quick and insightful way to visualize trends and patterns in your data without requiring additional charting libraries. This enhancement significantly bolsters jqxGrid's data visualization capabilities, allowing you to create more informative and engaging data presentations.

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