Nouvelles Grids

Empêchez les modifications indésirables de grille

Avril 9, 2026
Les grilles JavaScript avec colonnes en lecture seule aident les développeurs à sauvegarder les valeurs fixes tout en rendant les règles d’édition plus claires dans toute l’interface.

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

Mettez à jour les données PostgreSQL à partir d’une grille de données JavaScript

Mars 31, 2026
Utilisez Wijmo pour implémenter un workflow complet de lecture/écriture entre une grille de données JavaScript et 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.

Récupérez des données depuis les grilles avec l’aide IA

Mars 31, 2026
Syncfusion Essential Studio UI Component Suite ajoute la Smart DataGrid, permettant des invites en langage naturel grâce au tri, au filtrage et au regroupement par IA.

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.

Améliorez la clarté des données grâce à la fusion de cellules dans les grilles

Mars 23, 2026
Améliorez la lisibilité et l’organisation des données en combinant les valeurs correspondantes en des tableaux plus clairs et concis pour une analyse plus rapide.

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

Générez des fichiers XML à partir de données de grille Angular

Mars 18, 2026
Créez des données structurées et interopérables à partir d’une grille de données en exportant en XML dans des applications Angular, assurant ainsi un échange de données fiable.

Exporting grid data to XML converts tabular data from a user interface grid into a structured, self-describing format for use beyond the application interface. By organizing data with clearly defined elements, XML ensures consistent interpretation across platforms and systems, regardless of the underlying technology. This enables reliable data exchange, supports interoperability between applications, and makes the data suitable for integration scenarios, long-term storage, and environments that rely on validated, standardized formats for processing and communication.

Several Angular grid components allow you to export to XML, including:

  • jQWidgets Grid (part of jQWidgets) provides a method that exports all loaded rows to XML in Angular applications, supporting straightforward extraction of grid data for external use.
  • Smart UI Grid (part of Smart UI by Smart HTML Elements) includes XML as an export option, enabling direct data export from the grid in Angular apps.
  • SmartClient by Isomorphic Software offers XML as an export type, allowing Angular developers to generate XML output from grid data using its built-in export interface.

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

Compare Angular Grid Components