[update] complete grid docs for v9.2

mafanya23 · mafanya23 · commit 0645b4c97aa6 · 2025-06-24T11:57:46.000+03:00
diff --git a/docs/assets/grid/dnd_treegrid_mode.png b/docs/assets/grid/dnd_treegrid_mode.png
diff --git a/docs/grid/api/api_overview.md b/docs/grid/api/api_overview.md
@@ -43,12 +43,12 @@ description: You can explore the API of Grid in the documentation of the DHTMLX
 
 :::info important
 - Use [the methods of DataCollection](data_collection.md) to work with data. 
-- Apply [the methods of Selection](grid/api/api_overview.md#selection-methods) to manage the selection of Grid cells. 
-- Apply [the methods of RangeSelection](grid/api/api_overview.md#rangeselection-methods) to manage the range selection within Grid. 
-- Apply [the methods of BlockSelection](grid/api/api_overview.md#blockselection-methods) to manage the block selection within Grid. 
-- Use [the methods of Export](grid/api/api_overview.md#export-methods) to work with data export within Grid. 
-- Use [the methods of History](grid/api/api_overview.md#history-methods) to manage the history of actions within Grid. 
 - Use [the methods of TreeCollection](tree_collection.md#methods) to work with data of Grid in the TreeGrid mode. 
+- Use [the methods of the Selection object](grid/api/api_overview.md#selection-methods) to work with the selection of Grid cells. 
+- Use [the methods of the RangeSelection module](grid/api/api_overview.md#rangeselection-methods) to work with the range selection within Grid. 
+- Use [the methods of the BlockSelection module](grid/api/api_overview.md#blockselection-methods) to work with the block selection within Grid.
+- Use [the methods of the Export module](grid/api/api_overview.md#export-methods) to work with data export within Grid.  
+- Use [the methods of the History module](grid/api/api_overview.md#history-methods) to work with the history of actions within Grid. 
 :::
 
 ## Grid events
@@ -167,14 +167,14 @@ description: You can explore the API of Grid in the documentation of the DHTMLX
 | [](grid/api/grid_beforerowresize_event.md) | @getshort(grid/api/grid_beforerowresize_event.md) |
 
 :::info important
-- Use [the events of DataCollection](data_collection.md#events) to work with data of Grid. 
-- Apply [the events of Selection](grid/api/api_overview.md#selection-events) to handle the selection of Grid cells. 
-- Apply [the events of RangeSelection](grid/api/api_overview.md#rangeselection-events) to handle the range selection within Grid.
-- Apply [the events of BlockSelection](grid/api/api_overview.md#blockselection-events) to handle the block selection within Grid.
-- Use [the events of Clipboard](grid/api/api_overview.md#clipboard-events) to work with clipboard within Grid. 
-- Use [the events of DragPanel](grid/api/api_overview.md#dragpanel-events) to work with drag panel within Grid. 
-- Use [the events of History](grid/api/api_overview.md#history-events) to work with the history of actions within Grid. 
-- Use [the events of TreeCollection](tree_collection.md#events) to work with data of Grid in the TreeGrid mode. 
+- Use [the events of DataCollection](data_collection.md#events) to work with data of Grid.
+- Use [the events of TreeCollection](tree_collection.md#events) to work with data of Grid in the TreeGrid mode.  
+- Use [the events of the Selection object](grid/api/api_overview.md#selection-events) to work with the selection of Grid cells. 
+- Use [the events of the RangeSelection module](grid/api/api_overview.md#rangeselection-events) to work with the range selection within Grid.
+- Use [the events of the BlockSelection module](grid/api/api_overview.md#blockselection-events) to work with the block selection within Grid.
+- Use [the events of the Clipboard module](grid/api/api_overview.md#clipboard-events) to work with clipboard within Grid. 
+- Use [the events of the DragPanel module](grid/api/api_overview.md#dragpanel-events) to work with drag panel within Grid. 
+- Use [the events of the History module](grid/api/api_overview.md#history-events) to work with the history of actions within Grid. 
 :::
 
 ## Grid properties
diff --git a/docs/grid/api/blockselection/disable_method.md b/docs/grid/api/blockselection/disable_method.md
@@ -6,7 +6,7 @@ description: You can explore the disable method of Grid block selection in the d
 
 # disable()
 
-@short: disables the `BlockSelection` module and resets processing of block selection
+@short: disables the BlockSelection module and resets processing of block selection in Grid
 
 @signature: {'disable(): void;'}
 
diff --git a/docs/grid/api/blockselection/enable_method.md b/docs/grid/api/blockselection/enable_method.md
@@ -6,7 +6,7 @@ description: You can explore the enable method of Grid block selection in the do
 
 # enable()
 
-@short: enables the `BlockSelection` module and activates the capabilities of block selection in Grid
+@short: enables the BlockSelection module and activates the capabilities of block selection in Grid
 
 @signature: {'enable(): void;'}
 
diff --git a/docs/grid/api/rangeselection/disable_method.md b/docs/grid/api/rangeselection/disable_method.md
@@ -6,7 +6,7 @@ description: You can explore the disable method of Grid range selection in the d
 
 # disable()
 
-@short: disables the `RangeSelection` module and resets the current range
+@short: disables the RangeSelection module and resets the current range in Grid
 
 ### Usage
 
diff --git a/docs/grid/api/rangeselection/enable_method.md b/docs/grid/api/rangeselection/enable_method.md
@@ -6,7 +6,7 @@ description: You can explore the enable method of Grid range selection in the do
 
 # enable()
 
-@short: activates the `RangeSelection` module
+@short: enables the RangeSelection module and activates the capabilities of range selection in Grid
 
 ### Usage
 
diff --git a/docs/grid/api/rangeselection/getrange_method.md b/docs/grid/api/rangeselection/getrange_method.md
@@ -6,7 +6,7 @@ description: You can explore the getRange method of Grid range selection in the
 
 # getRange()
 
-@short: returns the current selection range or `null` if no range is set
+@short: returns the current selection range 
 
 ### Usage
 
diff --git a/docs/grid/configuration.md b/docs/grid/configuration.md
@@ -2083,6 +2083,10 @@ If you use the GPL version of DHTMLX Grid (or DHTMLX Suite), you will be able to
 **Note**, to be able to drag-n-drop a column and (or) multiple rows, you need to use PRO version of the DHTMLX Grid (or DHTMLX Suite) package.
 :::
 
+![](../assets/grid/dnd_treegrid_mode.png)
+
+**Related sample**: [Grid. Drag-and-Drop in TreeGrid mode](https://snippet.dhtmlx.com/0tuk0y5f)
+
 ### Drag-n-drop inside the grid
 
 It is possible to reorder a row or column of Grid by drag and drop. To enable the functionality, define the [`dragItem: "both"`](grid/api/grid_dragitem_config.md) property in the configuration object of Grid:
@@ -2446,7 +2450,7 @@ The list of the shortcut keys for editing:
         </tr>
         <tr>
             <td><b>Delete</b></td>
-            <td>clears the data in the selected cells. Works only with the <a href="../usage_blockselection/#keyboard-navigation">`BlockSelection` module</a> in the "range" mode</td>
+            <td>clears data in the selected cells. Works only with the <a href="../usage_blockselection/#keyboard-navigation">`BlockSelection` module</a> in the "range" mode</td>
         </tr>
     </tbody>
 </table>
diff --git a/docs/grid/features.md b/docs/grid/features.md
@@ -46,6 +46,17 @@ In this section you can find out how to initialize Grid, how to load data into t
 
 ## How to configure Grid
 
+### How to work with TreeGrid mode
+
+In this section you will find the ways of working with the TreeGrid mode of Grid.
+
+| Topic                                                                         | Description                                                                                                                                                             |
+| ----------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| [Enabling TreeGrid mode](../treegrid_mode/#initialization) | Learn how to enable the TreeGrid mode of Grid     |
+| [Configuring TreeGrid mode](../treegrid_mode/#configuration)| Learn how to configure the TreeGrid mode of Grid |
+| [Data loading in TreeGrid mode](../treegrid_mode/#data-loading)| Learn how to load data in the TreeGrid mode of Grid |
+| [Working with TreeGrid mode](../treegrid_mode/#work-with-grid-in-the-treegrid-mode) | Learn how to expand/collapse nodes |
+
 ### How to configure columns
 
 In this section you will get to know how to configure Grid columns on Grid initialization.
@@ -124,7 +135,7 @@ In this section you will get to know how to configure the drag-n-drop functional
 | [Drag-n-drop between grids](../configuration/#drag-n-drop-between-grids)           | Learn how to configure drag-n-drop between grids ([Example](https://snippet.dhtmlx.com/qx9a86ax))       |
 | [Drag-n-drop of multiple rows](grid/configuration.md#drag-n-drop-of-multiple-rows) | Learn how to allow end users to drag-n-drop several rows at once                                        |
 | [Copying of rows during drag-n-drop](../api/grid_dragcopy_config/)                 | Learn how to copy a row to a target during drag-n-drop ([Example](https://snippet.dhtmlx.com/23slivyz)) |
-| [Using the DragPanel module](../usage_dragpanel/)           | Learn how to use the DragPanel module that provides additional functionality for moving rows in the Grid |
+| [Using the DragPanel module](../usage_dragpanel/)           | Learn how to use the DragPanel module that provides additional functionality for moving rows in the Grid ([Example](https://snippet.dhtmlx.com/oyk02cr6)) |
 
 ## How to render custom statistics in the column header/footer and in the spans
 
@@ -291,7 +302,7 @@ In this section you will get to know how to work with the range selection functi
 | Topic                                                                         | Description                                                                                                                                                             |
 | ----------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | [Configuring range selection](../configuration/#managing-range-selection-in-grid)  | Learn how to configure the range selection module within Grid                |
-| [Working with range selection](../usage_rangeselection/)                     | Learn how to enable/disable range selection, set/reset range selection, get the range selection object, and check whether a cell is in the range  |
+| [Working with range selection](../usage_rangeselection/)                     | Learn how to enable/disable range selection, set/reset range selection, get the range selection object, and check whether a cell is in the range ([Example](https://snippet.dhtmlx.com/42fp5qvt)) |
 | [Range Selection API](../../category/rangeselection-api/)                    | Learn how to use the API of the RangeSelection module to manage the range selection within Grid     |
 
 
@@ -301,7 +312,7 @@ In this section you will get to know how to work with the block selection functi
 
 | Topic                                                                         | Description                                                                                                                                                             |
 | ----------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| [Configuring block selection](../configuration/#managing-block-selection-in-grid) | Learn how to configure the block selection module within Grid ([Example](https://snippet.dhtmlx.com/8gx20g1d))             |
+| [Configuring block selection](../configuration/#managing-block-selection-in-grid) | Learn how to configure the block selection module within Grid ([Example](https://snippet.dhtmlx.com/8kttktiy))             |
 | [Working with block selection](../usage_blockselection/)                     | Learn how to enable/disable block selection in Grid, check the main features of the BlockSelection module and explore how it interacts with other modules  |
 | [BlockSelection API](../../category/blockselection-api/)                    | Learn how to use API of the BlockSelection module to manage the block selection within Grid     |
 
@@ -311,7 +322,7 @@ In this section you will get to know how to work with the clipboard functionalit
 
 | Topic                                                                         | Description                                                                                                                                                             |
 | ----------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| [Configuring clipboard](../configuration/#clipboard) | Learn how to configure the Clipboard module within Grid  |
+| [Configuring clipboard](../configuration/#clipboard) | Learn how to configure the Clipboard module within Grid ([Example](https://snippet.dhtmlx.com/1fnkhwm0))   |
 | [Working with clipboard](../usage_clipboard/)        | Learn how to enable the clipboard in Grid, check the main features and explore the peculiarities of using the Clipboard module  |
 | [Clipboard API](../../category/clipboard-events/)       | Learn how to use API of the Clipboard module to manage the clipboard operations within Grid     |
 
@@ -321,23 +332,11 @@ In this section you will get to know how to work with the history of Grid action
 
 | Topic                                                                         | Description                                                                                                                                                             |
 | ----------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| [Configuring history of Grid actions](../configuration/#history-of-grid-actions) | Learn how to configure the History module within Grid  |
+| [Configuring history of Grid actions](../configuration/#history-of-grid-actions) | Learn how to configure the History module within Grid ([Example](https://snippet.dhtmlx.com/m88562wf)) |
 | [Working with history of actions](../usage_history/)        | Learn how to enable the history of actions in Grid, check the main features and explore the peculiarities of using the History module  |
 | [History API](../../category/history-api/)       | Learn how to use API of the History module to manage the history of operations within Grid     |
 
 
-## How to work with TreeGrid mode
-
-In this section you will find the ways of working with the TreeGrid mode of Grid.
-
-| Topic                                                                         | Description                                                                                                                                                             |
-| ----------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| [Enabling TreeGrid mode](../treegrid_mode/#initialization) | Learn how to enable the TreeGrid mode of Grid     |
-| [Configuring TreeGrid mode](../treegrid_mode/#configuration)| Learn how to configure the TreeGrid mode of Grid |
-| [Data loading in TreeGrid mode](../treegrid_mode/#data-loading)| Learn how to load data in the TreeGrid mode of Grid |
-| [Working with TreeGrid mode](../treegrid_mode/#work-with-grid-in-the-treegrid-mode) | Learn how to expand/collapse nodes |
-
-
 ## How to scroll Grid
 
 In this section you will learn how to scroll Grid to the necessary position.
@@ -384,7 +383,14 @@ In this section you can find out corresponding references of Grid API.
 | [Grid properties](../api/api_overview/#grid-properties)     | Check the list of Grid properties                                |
 | [Grid column properties](../api/api_gridcolumn_properties/) | Check the list of properties of a Grid column                    |
 | [DataCollection API](../../data_collection/)                | Check the API of DataCollection to work with Grid data           |
-| [Selection API](../../category/selection-api/)              | Check the API of Selection to manage the selection of Grid cells |
+| [TreeCollection API](../../tree_collection/)                | Check the API of TreeCollection to work with Grid data in the TreeGrid mode         |
+| [Selection API](../../category/selection-api/)              | Check the API of the Selection object to manage the selection of Grid cells |
+| [RangeSelection API](../../category/rangeselection-api/)    | Check the API of the RangeSelection module to manage the range selection in Grid |
+| [BlockSelection API](../../category/blockselection-api/)     | Check the API of the BlockSelection module to manage the block selection in Grid |
+| [Clipboard API](../../category/clipboard-events/)              | Check the API of the Clipboard module to work with clipboard in Grid |
+| [DragPanel API](../../category/dragpanel-events/)              | Check the API of the DragPanel module to work with drag panel within Grid |
+| [History API](../../category/history-api/)              	 | Check the API of the History module to work with the history of Grid actions |
+| [Export API](../../category/export-methods-1/)              	 | Check the API of the Export module to export Grid data |
 
 
 ## Common functionality
diff --git a/docs/whatsnew.md b/docs/whatsnew.md
@@ -38,9 +38,9 @@ Released on June X, 2025
 
 ### Updates
 
-- Grid. The logic and appearance of the [drag-n-drop functionality](grid/configuration.md/#drag-n-drop) is improved 
+- Grid. The logic and appearance of the [drag-n-drop functionality](grid/configuration.md/#drag-n-drop) is improved. Check the [related sample](https://snippet.dhtmlx.com/0tuk0y5f) 
 - Grid. The [export to Excel](grid/usage.md/#exporting-data-to-excel) functionality is updated
-- Grid. The possibility to clear data while editing a cell by using the `Delete` shortcut key is added
+- Grid. The possibility to [clear data in selected cells by using the `Delete` shortcut key](grid/configuration.md/#shortcut-keys-for-editing) is added
 
 ### Fixes
 
