Grids 新闻

轻松重排 WPF 网格中的行

4月 20, 2026
.NET WPF 网格控件允许用户直接更改行显示顺序，支持自定义排序和交互式数据管理。

Reorder Rows is a WPF grid feature that lets users move a row by changing its display order directly in the control, usually through drag-and-drop, so data can be arranged in a meaningful custom sequence. For .NET developers, it is useful when row position represents business intent, such as task priority, processing order, or a user-defined layout, because it supports direct interaction while reducing the need for separate ordering controls or additional code for manual sequencing.

Many .NET WPF grid controls contain reorder row functionality including:

  • DevExpress WPF Data Grid (part of DevExpress WPF) lets you reorder rows through drag-and-drop, helping users adjust display sequence directly within data-bound views.
  • ComponentOne WPF FlexGrid (part of ComponentOne Studio WPF) allows you to move rows with mouse dragging, making display ordering straightforward in interactive grids.
  • Telerik UI WPF DataGrid (part of Telerik UI for WPF) facilitates row reordering through drag-and-drop behavior, enabling display-order changes within grids.
  • Infragistics Ultimate UI for WPF DataGrid (part of Infragistics Ultimate UI for WPF) provides drag-and-drop infrastructure that can support row reordering through additional implementation work in applications.

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

Compare .NET WPF Grid Controls

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

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.