diff --git a/Jenkinsfile b/Jenkinsfile index 331da16d4..c20961767 100644 --- a/Jenkinsfile +++ b/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 { diff --git a/grid-sdk/react/data-grid/columns/column-autofit.md b/grid-sdk/react/data-grid/columns/column-autofit.md index 91c04f232..122582d96 100644 --- a/grid-sdk/react/data-grid/columns/column-autofit.md +++ b/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. diff --git a/grid-sdk/react/data-grid/columns/column-chooser.md b/grid-sdk/react/data-grid/columns/column-chooser.md index 780ec41c6..b982cc89a 100644 --- a/grid-sdk/react/data-grid/columns/column-chooser.md +++ b/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. diff --git a/grid-sdk/react/data-grid/columns/column-headers.md b/grid-sdk/react/data-grid/columns/column-headers.md index b8278cdc5..65a936c40 100644 --- a/grid-sdk/react/data-grid/columns/column-headers.md +++ b/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. diff --git a/grid-sdk/react/data-grid/columns/column-menu.md b/grid-sdk/react/data-grid/columns/column-menu.md index a2eb2f262..017c898f2 100644 --- a/grid-sdk/react/data-grid/columns/column-menu.md +++ b/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. diff --git a/grid-sdk/react/data-grid/columns/column-rendering.md b/grid-sdk/react/data-grid/columns/column-rendering.md index 8168a0e70..12747a9eb 100644 --- a/grid-sdk/react/data-grid/columns/column-rendering.md +++ b/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. diff --git a/grid-sdk/react/data-grid/columns/column-reorder.md b/grid-sdk/react/data-grid/columns/column-reorder.md index 5e1208537..2f687841b 100644 --- a/grid-sdk/react/data-grid/columns/column-reorder.md +++ b/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. diff --git a/grid-sdk/react/data-grid/columns/column-resizing.md b/grid-sdk/react/data-grid/columns/column-resizing.md index 65191aec8..ae10a2039 100644 --- a/grid-sdk/react/data-grid/columns/column-resizing.md +++ b/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. diff --git a/grid-sdk/react/data-grid/columns/column-spanning.md b/grid-sdk/react/data-grid/columns/column-spanning.md index 66dd3fbc6..952ab1bc4 100644 --- a/grid-sdk/react/data-grid/columns/column-spanning.md +++ b/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. diff --git a/grid-sdk/react/data-grid/columns/column-template.md b/grid-sdk/react/data-grid/columns/column-template.md index d668d0cb2..eef0dd358 100644 --- a/grid-sdk/react/data-grid/columns/column-template.md +++ b/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. diff --git a/grid-sdk/react/data-grid/columns/columns.md b/grid-sdk/react/data-grid/columns/columns.md index 852ce1ed0..b744002e5 100644 --- a/grid-sdk/react/data-grid/columns/columns.md +++ b/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® 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. diff --git a/grid-sdk/react/data-grid/columns/foreign-key-column.md b/grid-sdk/react/data-grid/columns/foreign-key-column.md index 7d95a4832..d1a120c17 100644 --- a/grid-sdk/react/data-grid/columns/foreign-key-column.md +++ b/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. diff --git a/grid-sdk/react/data-grid/columns/frozen-column.md b/grid-sdk/react/data-grid/columns/frozen-column.md index 420cdec82..9edcc7eaa 100644 --- a/grid-sdk/react/data-grid/columns/frozen-column.md +++ b/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. diff --git a/grid-sdk/react/data-grid/editing/batch-editing.md b/grid-sdk/react/data-grid/editing/batch-editing.md index acf064ee2..f0746082a 100644 --- a/grid-sdk/react/data-grid/editing/batch-editing.md +++ b/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. diff --git a/grid-sdk/react/data-grid/editing/command-column-editing.md b/grid-sdk/react/data-grid/editing/command-column-editing.md index dc5e0eb80..4e1ccd9ff 100644 --- a/grid-sdk/react/data-grid/editing/command-column-editing.md +++ b/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. diff --git a/grid-sdk/react/data-grid/editing/dialog-editing.md b/grid-sdk/react/data-grid/editing/dialog-editing.md index 25b1ab3d9..c3b2cc477 100644 --- a/grid-sdk/react/data-grid/editing/dialog-editing.md +++ b/grid-sdk/react/data-grid/editing/dialog-editing.md @@ -1,6 +1,6 @@ --- 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 @@ -8,7 +8,7 @@ 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. diff --git a/grid-sdk/react/data-grid/editing/edit-types.md b/grid-sdk/react/data-grid/editing/edit-types.md index 43a1afe47..e40a83561 100644 --- a/grid-sdk/react/data-grid/editing/edit-types.md +++ b/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® 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. diff --git a/grid-sdk/react/data-grid/editing/edit.md b/grid-sdk/react/data-grid/editing/edit.md index 968b4f8bc..cfb0b2bf0 100644 --- a/grid-sdk/react/data-grid/editing/edit.md +++ b/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. diff --git a/grid-sdk/react/data-grid/editing/in-line-editing.md b/grid-sdk/react/data-grid/editing/in-line-editing.md index a5e28a308..91026e025 100644 --- a/grid-sdk/react/data-grid/editing/in-line-editing.md +++ b/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® 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. diff --git a/grid-sdk/react/data-grid/editing/persisting-data-in-server.md b/grid-sdk/react/data-grid/editing/persisting-data-in-server.md index 0caeb14bd..5d6d89455 100644 --- a/grid-sdk/react/data-grid/editing/persisting-data-in-server.md +++ b/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® for maintaining data integrity and ensuring that changes made in the UI are reflected in the backend. diff --git a/grid-sdk/react/data-grid/editing/template-editing.md b/grid-sdk/react/data-grid/editing/template-editing.md index 02e9527f8..0204fa003 100644 --- a/grid-sdk/react/data-grid/editing/template-editing.md +++ b/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. diff --git a/grid-sdk/react/data-grid/editing/validation.md b/grid-sdk/react/data-grid/editing/validation.md index 6da475a76..782be8d56 100644 --- a/grid-sdk/react/data-grid/editing/validation.md +++ b/grid-sdk/react/data-grid/editing/validation.md @@ -1,14 +1,14 @@ --- layout: post -title: React Grid - Validation | Syncfusion -description: React Grid validation supports built-in and custom rules, clear error messages, and safeguards that block invalid entries during editing. +title: React Grid Validation | Syncfusion +description: Learn how to configure validation in React Data Grid using built-in and custom rules, display error messages, and prevent invalid data entry. control: Validation platform: grid-sdk documentation: ug domainurl: https://help.syncfusion.com/grid-sdk --- -# Validation in React Grid Component +# Validation in React Data Grid Data validation ensures that information entered or modified in the Grid follows specific validation rules, preventing errors and maintaining accuracy. The React Grid component in Syncfusion® provides built-in validation support to make this process easy and effective.