Grids 新闻

用条件格式突出显示关键见解

4月 16, 2026
用条件格式在网格中提高数据可见性，利用视觉提示揭示重要的模式和异常。

Conditional formatting in grids automatically applies visual styles such as colors or icons based on defined rules, making it easier to interpret large datasets at a glance. It improves readability, highlights patterns and outliers, and supports faster, more informed decision making by surfacing key insights in real time. Common use cases include flagging budget issues in financial reports, emphasizing top performing sales data, monitoring KPIs, and drawing attention to errors or critical statuses in operational tools.

Several JavaScript grid controls offer conditional formatting, including:

  • KendoReact Data Grid (part of KendoReactby Telerik) lets you apply conditional formatting rules to style cells, highlighting trends, outliers, and key values for better insights.
  • FusionGrid by FusionCharts facilitates real time conditional formatting in large datasets, helping users quickly spot trends, exceptions, and performance indicators.
  • Handsontable by Handsoncode allows you to visually emphasize important data using conditional formatting, improving readability and enabling faster identification of patterns.
  • ZingGrid lets you customize conditional formatting rules to automatically highlight critical data points, enhancing usability and supporting faster, more informed decision making.

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

Compare JavaScript Grid Controls

避免不必要的网格编辑

4月 9, 2026
在让整个界面编辑规则更清晰的同时，带有只读列的 JavaScript 网格有助于开发人员保护固定值。

Read-only Columns are grid columns configured to display data without allowing users to edit the values directly in the interface. In a JavaScript grid control, this is typically used for fields that should remain fixed, such as calculated values, identifiers, audit data, or information controlled by business rules or backend processes. The main benefit is that it helps preserve data integrity while still making important information visible, reduces the risk of accidental changes, supports clearer editing workflows by distinguishing editable and non-editable fields, and makes it easier for developers to enforce validation and permission requirements consistently across the application.

Several JavaScript grid controls offer support for Read-only Columns including:

  • Highcharts Grid Pro lets you configure non-editable columns for protected values, helping preserve data integrity while keeping reference fields consistently visible.
  • Kendo UI Angular Grid allows you to control column editable status, keeping selected fields read-only to enforce rules and reduce accidental changes.
  • Wijmo React DataGrid (FlexGrid) facilitates read-only column scenarios through editing controls and events, supporting protected fields and condition-based restrictions.
  • DataGridXL allows you to set columns as read-only, preventing edits to protected data while preserving fast spreadsheet-like interaction.
  • Handsontable lets you lock selected grid cells from editing, preserving displayed values while still supporting sorting, filtering, validation, and spreadsheet-style navigation.
  • JSpreadsheet Pro lets you mark columns or cells as read-only, protecting fixed values while allowing editable data elsewhere.

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

Compare JavaScript grid controls

从 JavaScript Datagrid 更新 PostgreSQL 数据

3月 31, 2026
使用 Wijmo 实现 JavaScript 数据网格和 PostgreSQL 之间完整的读写数据流程。

Wijmo is a cutting-edge collection of over 100 high-performance JavaScript UI controls designed for modern enterprise applications. Built for speed and flexibility, Wijmo empowers developers to deliver superior user experiences with fully responsive, touch-friendly, and accessible components.

In this blog post, MESCIUS Product Manager Joel Parks takes you through the process to Implement a PostgreSQL JavaScript workflow by capturing DataGrid state changes, issuing asynchronous POST requests, and processing updates through an Express API to reliably persist validated, row-level modifications in PostgreSQL. Steps include:

  • Detecting and collecting edited rows from Wijmo FlexGrid
  • Sending edited data to an Express server using an async POST request
  • Processing arrays of updates on the server
  • Updating matching rows in PostgreSQL using parameterized queries
  • Running the application and committing database updates

Detailed source code is included to help you get started.

Read the full blog now and get ready to build fully interactive, data-driven applications backed by PostgreSQL.

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.

Learn more on our Wijmo product page.

用 AI Assist 从网格中检索数据

3月 31, 2026
Syncfusion Essential Studio UI Component Suite 组件套装添加 Smart DataGrid，支持自然语言提示，带有 AI 排序、筛选和分组功能。

Syncfusion Essential Studio UI Component Suite is a comprehensive collection of user interface controls designed to support the development of modern, high-performance applications across web, desktop, and mobile platforms. It provides a wide range of components, from data grids and charts to schedulers and rich text editors, all built with a consistent API and strong integration across frameworks such as .NET, JavaScript, and Flutter. With a focus on reliability, scalability, and ease of use, it enables development teams to accelerate application delivery while maintaining flexibility and control over the user experience..

The Syncfusion Essential Studio UI Component Suite 2026 Volume 1 update introduces the Smart DataGrid, enabling developers to integrate natural language driven data interaction into modern WPF applications. This feature allows users to query, sort, filter, group, and highlight data through simple prompts, reducing the need for complex query logic and custom UI implementations. By supporting advanced scenarios such as multi condition filtering and contextual grouping, it improves development while maintaining flexibility and control. As a result, developers can deliver more intuitive data experiences faster, improve application usability, and reduce the overall effort required to implement rich data handling capabilities.

To see a full list of what's new in 2026 Volume 1 (33.1.44), see our release notes.

Syncfusion Essential Studio UI Component Suite is available as part of Syncfusion Essential Studio Enterprise which is licensed per developer and is available as a 12 Month Timed Subscription License which includes support and maintenance. See our Syncfusion Essential Studio Enterprise licensing page for full details.

Learn more on our Syncfusion Essential Studio Enterprise product page.

用网格中的单元合并增强数据清晰度

3月 23, 2026
通过将匹配值合并成更清晰、更简洁的表格，改进数据的可读性和组织，以加快分析速度。

Cell merging in grids combines adjacent cells with matching or conditionally defined values into a single cell, typically within a column. This reduces repetitive data and creates cleaner, more readable tables that are easier to scan and understand. By visually grouping related rows, it helps highlight patterns and relationships in large datasets. The feature can be applied automatically or customized, making it useful for scenarios such as financial reports, schedules, and inventory lists where repeated values can be consolidated for better clarity.

Several React grid controls offer cell merge support including:

  • KendoReact Data Grid (part of KendoReact by Telerik) lets you merge cells to reduce duplication, improving readability and presenting structured, easy to interpret data grids.
  • Wijmo React DataGrid (FlexGrid) (part of Wijmo by MESCIUS) allows you to combine matching cells into unified views, and enhancing clarity across complex datasets.
  • Handsontable by Handsoncode facilitates cell merging within grids to group related data, creating cleaner layouts and making large tables easier to scan and understand.
  • Infragistics Ignite UI for React Data Grid (part of Infragistics Ignite UI) enables merging of adjacent cells with identical values, delivering more organized, user friendly data.

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

Compare React Grid Controls