Documentation(1046496): Revamp Grid Meta

Jenkinsfile

@@ -6,7 +6,7 @@ timestamps
   def Content="";
 		env.PATH = "${ProgramFiles}"+"\\Git\\mingw64\\bin;${env.PATH}"
 
-     timeout(time: 7200000, unit: 'MILLISECONDS') {
+     timeout(time: 9000000, unit: 'MILLISECONDS') {
 String platform='grid-sdk';
    try
 	{   

grid-sdk/react/data-grid/columns/column-autofit.md

@@ -1,14 +1,14 @@
 ---
 layout: post
-title: React Grid - Column Autofit | Syncfusion
-description: React Grid column autofit supports automatically sizing columns to content and offers configuration options to improve readability and overall layout.
+title: React Grid Column AutoFit | Syncfusion
+description: Learn how to use React Grid Column AutoFit to automatically resize columns based on content using methods and improve grid readability.
 control: AutoFit Columns
 platform: grid-sdk
 documentation: ug
 domainurl: https://help.syncfusion.com/grid-sdk
 ---
 
-# AutoFit Columns in React Grid Component
+# AutoFit Columns in React Data Grid
 
 The AutoFit feature in the React Data Grid allows columns to automatically adjust their widths based on the maximum content width within each column. This ensures that all cell values are fully visible without truncation or wrapping.
 

grid-sdk/react/data-grid/columns/column-chooser.md

@@ -1,14 +1,14 @@
 ---
 layout: post
-title: React Grid - Column Chooser | Syncfusion
-description: React Grid column chooser supports dynamic column visibility, a customizable chooser UI, and options to persist selected visibility preferences.
+title: React Grid Column Chooser | Syncfusion
+description: Learn how to show, hide, and manage column visibility in React Data Grid using the Column Chooser for a customizable view.
 control: Column chooser 
 platform: grid-sdk
 documentation: ug
 domainurl: https://help.syncfusion.com/grid-sdk
 ---
 
-# Column Chooser in React Grid component
+# Column Chooser in React Data Grid
 
 The React Data Grid includes a built-in Column Chooser feature that allows columns to be shown or hidden through a simple dialog with checkboxes.
 

grid-sdk/react/data-grid/columns/column-headers.md

@@ -1,14 +1,14 @@
 ---
 layout: post
-title: React Grid - Column Headers | Syncfusion
-description: React Grid column headers support header templates, tooltips, multi-line layouts, and customization options for enhanced header appearance and interactions.
+title: React Grid Column Headers | Syncfusion
+description: Learn how to customize column headers in React Data Grid with header text, templates, tooltips, and multi-line layouts.
 control: Headers 
 platform: grid-sdk
 documentation: ug
 domainurl: https://help.syncfusion.com/grid-sdk
 ---
 
-# Headers in React Grid component
+# Column Headers in React Data Grid
 
 Column headers in the React Data Grid display the titles for each column, making it clear what data is shown. They provide context and make the grid easier to read and navigate. Headers can be customized by adjusting text alignment, applying templates, stacking multiple headers, or updating them dynamically, offering flexibility to design the grid as needed.
 

grid-sdk/react/data-grid/columns/column-menu.md

@@ -1,14 +1,14 @@
 ---
 layout: post
-title: React Grid - Column Menu | Syncfusion
-description: React Grid column menu describes configuring column menus, adding actions like sorting and filtering, and customizing menu items and icons.
+title: React Grid Column Menu | Syncfusion
+description: Learn how to configure and customize the column menu in React Data Grid, including sorting, filtering, menu items, and column-specific actions.
 control: Column menu 
 platform: grid-sdk
 documentation: ug
 domainurl: https://help.syncfusion.com/grid-sdk
 ---
 
-# Column menu in the React Grid component
+# Column Menu in React Data Grid
 
 The React Data Grid provides a built-in column menu that offers quick access to essential column operations, such as sorting, grouping, filtering, column chooser, and autofit. This menu appears when the menu icon in a column header is clicked, enabling streamlined interaction with grid data. The column menu can be enabled by setting the [showColumnMenu](https://ej2.syncfusion.com/react/documentation/api/grid#showcolumnmenu) property to `true` in the Grid configuration and injecting the `ColumnMenu` module.
 

grid-sdk/react/data-grid/columns/column-rendering.md

@@ -1,14 +1,14 @@
 ---
 layout: post
-title:  React Grid - Column Rendering | Syncfusion
-description: React Grid column rendering allows custom cell and header layouts, templates, and flexible options for complex content and interactive elements.
+title: React Grid Column Rendering | Syncfusion
+description: Learn how to customize column rendering in React Data Grid using cell templates, header templates, and flexible layouts for rich data presentation.
 control: Columns
 platform: grid-sdk
 documentation: ug
 domainurl: https://help.syncfusion.com/grid-sdk
 ---
 
-# Column Rendering in React Grid Component
+# Column Rendering in React Data Grid
 
 Columns in the React Data Grid define the structure and presentation of data. This section outlines manual, automatic, and dynamic rendering approaches to ensure clarity and flexibility in grid design.
 

grid-sdk/react/data-grid/columns/column-reorder.md

@@ -1,14 +1,14 @@
 ---
 layout: post
-title: React Grid - Column Reorder | Syncfusion
-description: React Grid column reorder enables drag‑and‑drop movement, configurable restrictions, and events to track and persist updated column order.
+title: React Grid Column Reorder | Syncfusion
+description: Learn how to reorder columns in React Data Grid using drag-and-drop, configure reorder restrictions, handle reorder events, and persist column order.
 platform: grid-sdk
 control: Column reorder 
 documentation: ug
 domainurl: https://help.syncfusion.com/grid-sdk
 ---
 
-# Column Reorder in React Grid Component
+# Column Reorder in React Data Grid
 
 The [React Data Grid](https://www.syncfusion.com/react-components/react-data-grid) component provides column reordering through drag-and-drop functionality. This feature allows columns to be moved from one position to another within the grid, making it possible to customize the layout according to application requirements.
 

grid-sdk/react/data-grid/columns/column-resizing.md

@@ -1,14 +1,14 @@
 ---
 layout: post
-title: React Grid - Column Resizing | Syncfusion
-description: React Grid column resizing enables manual and automatic width adjustments, multiple resize modes, and control over user or programmatic changes.
+title: React Grid Column Resizing | Syncfusion
+description: Learn how to resize columns in React Data Grid with manual and automatic width adjustments, resize modes, and programmatic resizing options.
 control: Column resizing 
 platform: grid-sdk
 documentation: ug
 domainurl: https://help.syncfusion.com/grid-sdk
 ---
 
-# Column resizing in React Grid Component
+# Column Resizing in React Data Grid
 
 Column resizing in the [React Data Grid](https://www.syncfusion.com/react-components/react-data-grid) component allows adjusting column widths dynamically to fit content and improve data readability. This feature provides flexibility in customizing the grid layout based on data requirements and screen size.
 

grid-sdk/react/data-grid/columns/column-spanning.md

@@ -1,14 +1,14 @@
 ---
 layout: post
-title: React Grid - Column Spanning | Syncfusion
-description: React Grid column spanning supports merging header or cell columns, configuration for colspan behavior, and customization for complex multi-column layouts.
+title: React Grid Column Spanning | Syncfusion
+description: Learn how to merge cells using column spanning in React Data Grid, configure colspan behavior, and build complex multi-column layouts.
 control: Column spanning
 platform: grid-sdk
 documentation: ug
 domainurl: https://help.syncfusion.com/grid-sdk
 ---
 
-# Column spanning in React Grid component
+# Column Spanning in React Data Grid
 
 Column spanning merges adjacent cells with identical values horizontally, producing a cleaner and more structured layout. This feature reduces duplication in consecutive cells, highlights grouped information, and improves readability by presenting related data in a compact form. Reports and tabular views become easier to interpret when repetitive values are visually combined into a single spanned cell.
 

grid-sdk/react/data-grid/columns/column-template.md

@@ -1,14 +1,14 @@
 ---
 layout: post
-title: React Grid - Column Template | Syncfusion
-description: React Grid column template supports creating custom cell content, editors, and formatting to render complex UI elements within grid columns.
+title: React Grid Column Template| Syncfusion
+description: Learn how to create custom column templates in React Data Grid to render rich cell content, editors, formatting, and interactive UI elements.
 control: Column template 
 platform: grid-sdk
 documentation: ug
 domainurl: https://help.syncfusion.com/grid-sdk
 ---
 
-# Column template in React Grid component
+# Column Template in React Data Grid
 
 The React Data Grid provides a [template](https://ej2.syncfusion.com/react/documentation/api/grid/column#template) option for displaying custom elements in a column instead of the field value. This is useful for displaying images, buttons, or other custom content within a column.
 

grid-sdk/react/data-grid/columns/columns.md

@@ -1,14 +1,14 @@
 ---
 layout: post
-title: React Grid - Columns | Syncfusion
-description: React Grid columns provides a complete guide to defining columns, types, widths, templates, and behaviors to model tabular data effectively.
+title: React Grid Columns | Syncfusion
+description: Learn how to define and configure columns in React Data Grid, including column types, widths, templates, and behaviors for effective data presentation.
 control: Columns 
 platform: grid-sdk
 documentation: ug
 domainurl: https://help.syncfusion.com/grid-sdk
 ---
 
-# Columns in React Grid Component
+# Columns in React Data Grid
 
 In Syncfusion<sup style="font-size:70%">&reg;</sup> React Grid, columns are the fundamental building blocks that display data from a data source. Each column maps to a specific field in the data source and is responsible for rendering values in the required format. For example, a dataset containing customer details such as "ID", "Name", "Email", and "Purchase Date" will present each field as an individual column in the Grid.
 

grid-sdk/react/data-grid/columns/foreign-key-column.md

@@ -1,14 +1,14 @@
 ---
 layout: post
-title: React Grid - Foreign Key Column | Syncfusion
-description: React Grid foreign key column supports mapping related data and binding local or remote sources to display associated values in grid cells. 
+title: React Grid Foreign Key Column | Syncfusion
+description: Learn how to use foreign key columns in React Data Grid to map related data, display associated values, and bind local or remote data sources.
 control: Foreign key column 
 platform: grid-sdk
 documentation: ug
 domainurl: https://help.syncfusion.com/grid-sdk
 ---
 
-# Foreign key column in React Grid component
+# Foreign Key Column in React Data Grid
 
 The foreign key column in the React Data Grid component displays related data from a foreign key data source. This feature enables representation of foreign key relationships between data sources, displaying meaningful values instead of raw key identifiers.
 

grid-sdk/react/data-grid/columns/frozen-column.md

@@ -1,14 +1,14 @@
 ---
 layout: post
-title: React Grid - Frozen Column | Syncfusion
-description: React Grid frozen column keeps key fields visible while scrolling, offering flexible configuration to sync with scrollable content.
+title: React Grid Column Pinning | Syncfusion
+description: Learn how to freeze and pin columns in React Data Grid to keep important fields visible while scrolling and synchronize frozen content.
 control: Column pinning (Frozen)
 platform: grid-sdk
 documentation: ug
 domainurl: https://help.syncfusion.com/grid-sdk
 ---
 
-# Column Pinning (Frozen) in React Grid component
+# Column Pinning in React Data Grid
 
 The React Data Grid provides a column pinning (freezing) feature that keeps "selected columns" visible while scrolling across large datasets. This improves readability by ensuring that important information remains accessible, even when working with wide tables.
 

grid-sdk/react/data-grid/editing/batch-editing.md

@@ -1,14 +1,14 @@
 ---
 layout: post
-title: React Grid - Batch Editing | Syncfusion
-description: React Grid batch editing provides streamlined edit workflows, server integration examples, and reliable strategies for saving updates.
+title: React Grid Batch Editing | Syncfusion
+description: Learn how to perform batch editing in React Data Grid, update multiple records efficiently, customize edit workflows, and save changes in bulk.
 control: Batch editing 
 platform: grid-sdk
 documentation: ug
 domainurl: https://help.syncfusion.com/grid-sdk
 ---
 
-# Batch Editing in React Grid Component
+# Batch Editing in React Data Grid
 
 Batch editing is a powerful feature in the Grid component that enables simultaneous modification and saving of multiple cells in a single action. This feature provides an efficient way to make bulk changes without saving each change individually, making it particularly useful for large datasets.
 

grid-sdk/react/data-grid/editing/command-column-editing.md

@@ -1,14 +1,14 @@
 ---
 layout: post
-title: React Grid - Command Column Editing | Syncfusion
-description: React Grid command column editing supports action columns with edit, save, and delete commands, customizable templates, and event handling for data operations.
+title: React Grid Command Column Editing | Syncfusion
+description: Learn how to enable command column editing in React Data Grid with built-in edit, save, and delete actions, customizable buttons, and event handling.
 control: Command column editing 
 platform: grid-sdk
 documentation: ug
 domainurl: https://help.syncfusion.com/grid-sdk
 ---
 
-# Command Column Editing in React Grid Component
+# Command Column Editing in React Data Grid
 
 The command column editing feature enables seamless CRUD (Create, Read, Update, Delete) action buttons in a column for performing operations on individual rows. This powerful feature is particularly useful when inline editing, deletion, or saving of row changes is required directly within the grid interface.
 

grid-sdk/react/data-grid/editing/dialog-editing.md

@@ -1,14 +1,14 @@
 ---
 layout: post
-title: React Grid - Dialog Editing | Syncfusion
+title: React Grid Dialog Editing | Syncfusion
 description: React Grid dialog editing opens record editors in modal dialogs, supports templates, enforces validation, and manages single-record save workflows.
 control: Dialog editing 
 platform: grid-sdk
 documentation: ug
 domainurl: https://help.syncfusion.com/grid-sdk
 ---
 
-# Dialog Editing in React Grid Component
+# Dialog Editing in React Data Grid
 
 The React Data Grid Component dialog editing provides a powerful, efficient way to edit row data through a dedicated modal dialog window that focuses attention on the editing form. Instead of editing cells directly in the grid, multiple field values can be entered and modified at once in a clean, organized form. The grid automatically saves all changes to the data source without navigating away from the current page making data entry faster, more intuitive, and less error-prone, especially when dealing with complex records that span multiple columns.
 

grid-sdk/react/data-grid/editing/edit-types.md

@@ -1,14 +1,14 @@
 ---
 layout: post
-title: React Grid - Edit Types | Syncfusion
-description: React Grid edit types supports various editor options, configuration for each type, and examples that help select appropriate editors for column data.
+title: React Grid Edit Types | Syncfusion
+description: Learn how to configure edit types in React Data Grid, choose appropriate cell editors, customize editing behavior, and manage column editing efficiently.
 control: Edit types 
 platform: grid-sdk
 documentation: ug
 domainurl: https://help.syncfusion.com/grid-sdk
 ---
 
-# Edit Types in React Grid Component
+# Edit Types in React Data Grid
 
 The React Grid component in Syncfusion<sup style="font-size:70%">&reg;</sup> provides powerful edit types that enable seamless customization of the editing behavior for different column types. These edit types deliver flexibility in handling diverse data types, enhance the editing experience, and provide efficient solutions for different editing scenarios.
 

grid-sdk/react/data-grid/editing/edit.md

@@ -1,14 +1,14 @@
 ---
 layout: post
-title: React Grid - Editing | Syncfusion
-description: React Grid editing enables features, actions, modes, toolbar configs, column rules, templates, confirmations, and external CRUD workflows.
+title: React Grid Editing | Syncfusion
+description: Learn how to configure editing in React Data Grid, customize edit modes, apply validation rules, use templates, and manage CRUD workflows efficiently. 
 control: Edit 
 platform: grid-sdk
 documentation: ug
 domainurl: https://help.syncfusion.com/grid-sdk
 ---
 
-# Editing in React Grid Component
+# Editing in React Data Grid
 
 The [React Data Grid](https://www.syncfusion.com/react-components/react-data-grid) component includes built-in editing features for creating, reading, updating, and deleting data directly in the grid. This eliminates the need for separate forms and allows data modification within a single interface. The grid editing provides powerful options through multiple edit modes, customizable triggers, and flexible data handling.
 

grid-sdk/react/data-grid/editing/in-line-editing.md

@@ -1,14 +1,14 @@
 ---
 layout: post
-title: React Grid - Inline Editing | Syncfusion
-description: React Grid inline editing allows direct row edits, auto field updates, conditional control, CRUD actions, confirmations, and flexible add/delete.
+title: React Grid Inline Editing | Syncfusion
+description: Learn how to perform inline editing in React Data Grid, update records directly, customize editing behavior, and manage CRUD operations efficiently.
 control: In line editing 
 platform: grid-sdk
 documentation: ug
 domainurl: https://help.syncfusion.com/grid-sdk
 ---
 
-# Inline Editing in React Grid Component
+# Inline Editing in React Data Grid
 
 The React Grid component in Syncfusion<sup style="font-size:70%">&reg;</sup> provides a powerful in-line editing feature that enables seamless direct cell value editing within the grid row. This intuitive feature proves especially useful for quickly modifying data without requiring a separate edit form. In normal edit mode, the selected record transitions to an edit state, allowing cell values to be modified and saved to the data source with minimal effort.
 

grid-sdk/react/data-grid/editing/persisting-data-in-server.md

@@ -1,14 +1,14 @@
 ---
 layout: post
-title: React Grid - Persisting Data in Server | Syncfusion
-description: React Grid persisting data in server supports sending CRUD requests, handling server responses, and synchronizing grid updates using various data adaptors.
+title: React Grid Server Data Persistence | Syncfusion
+description: Learn how to persist React Data Grid changes to a server, send CRUD requests, handle server responses, and synchronize data using adaptors.
 control: Persisting data in server 
 platform: grid-sdk
 documentation: ug
 domainurl: https://help.syncfusion.com/grid-sdk
 ---
 
-# Persisting Data in Server in React Grid Component
+# Server Data Persistence in React Data Grid
 
 The [React Data Grid](https://www.syncfusion.com/react-components/react-data-grid) component allows data edited within the grid to be persisted in a database using RESTful web services. All CRUD (Create, Read, Update, Delete) operations within the grid are handled by the [DataManager](../../data), which can bind server-side data and send updates to the server. This capability is Essential<sup style="font-size:70%">&reg;</sup> for maintaining data integrity and ensuring that changes made in the UI are reflected in the backend.
 

grid-sdk/react/data-grid/editing/template-editing.md

@@ -1,14 +1,14 @@
 ---
 layout: post
-title: React Grid - Template editing | Syncfusion
-description: React Grid inline editing enables direct row edits, auto updates, conditional control, CRUD actions, confirmations, and flexible add/delete.
+title: React Grid Custom Template Editing | Syncfusion
+description: Learn how to use inline and dialog template editing in React Data Grid to customize edit forms, capture user input, and manage CRUD operations efficiently.
 control: Template editing 
 platform: grid-sdk
 documentation: ug
 domainurl: https://help.syncfusion.com/grid-sdk
 ---
 
-# Template Editing in React Grid Component
+# Custom Template Editing in React Data Grid
 
 The [React Data Grid](https://www.syncfusion.com/react-components/react-data-grid) component supports template editing, providing a powerful and flexible way to customize the appearance and behavior of cells during editing. React templates enable defining the structure and content of cells within the grid.