[update] docs for grid range selection module

Author: mafanya23

docs/grid/api/rangeselection/afterresetrange_event.md

@@ -24,11 +24,14 @@ afterResetRange: (
 @params:
 The callback of the event is called with the following parameters:
 
-- `range: object` - the object of the reset range:
-	- `xStart?: string | number` - the starting column id
-	- `xEnd?: string | number` - the ending column id
-	- `yStart?: string | number` - the starting row id
-	- `yEnd?: string | number` - the ending row id
+<table>
+    <tbody>
+        <tr>
+            <td><b>range</b></td>
+            <td>(<i>object</i>) the object with the reset range coordinates that contains the following options:<ul><li><b>`xStart`</b> - (<i>string | number</i>) the starting column id</li><li><b>`xEnd`</b> - (<i>string | number</i>) the ending column id</li><li><b>`yStart`</b> - (<i>string | number</i>) the starting row id</li><li><b>`yEnd`</b> - (<i>string | number</i>) the ending row id</li></ul></td>
+        </tr>
+    </tbody>
+</table>
 
 @example:
 const grid = new dhx.Grid("grid_container", {

docs/grid/api/rangeselection/aftersetrange_event.md

@@ -24,11 +24,14 @@ afterSetRange: (
 @params:
 The callback of the event is called with the following parameters:
 
-- `range: object` - the object of the set range:
-	- `xStart?: string | number` - the starting column id
-	- `xEnd?: string | number` - the ending column id
-	- `yStart?: string | number` - the starting row id
-	- `yEnd?: string | number` - the ending row id
+<table>
+    <tbody>
+        <tr>
+            <td><b>range</b></td>
+            <td>(<i>object</i>) the object with the set range coordinates that contains the following options:<ul><li><b>`xStart`</b> - (<i>string | number</i>) the starting column id</li><li><b>`xEnd`</b> - (<i>string | number</i>) the ending column id</li><li><b>`yStart`</b> - (<i>string | number</i>) the starting row id</li><li><b>`yEnd`</b> - (<i>string | number</i>) the ending row id</li></ul></td>
+        </tr>
+    </tbody>
+</table>
 
 @example:
 const grid = new dhx.Grid("grid_container", {

docs/grid/api/rangeselection/beforeresetrange_event.md

@@ -24,11 +24,14 @@ beforeResetRange: (
 @params:
 The callback of the event is called with the following parameters:
 
-- `range: object` - the range object:
-	- `xStart?: string | number` - the starting column id
-	- `xEnd?: string | number` - the ending column id
-	- `yStart?: string | number` - the starting row id
-	- `yEnd?: string | number` - the ending row id
+<table>
+    <tbody>
+        <tr>
+            <td><b>range</b></td>
+            <td>(<i>object</i>) an object with the range coordinates that contains the following options:<ul><li><b>`xStart`</b> - (<i>string | number</i>) the starting column id</li><li><b>`xEnd`</b> - (<i>string | number</i>) the ending column id</li><li><b>`yStart`</b> - (<i>string | number</i>) the starting row id</li><li><b>`yEnd`</b> - (<i>string | number</i>) the ending row id</li></ul></td>
+        </tr>
+    </tbody>
+</table>
 
 @returns:
 Return `false` to prevent resetting of the range; otherwise, `true`.

docs/grid/api/rangeselection/beforesetrange_event.md

@@ -24,11 +24,14 @@ beforeSetRange: (
 @params:
 The callback of the event is called with the following parameters:
 
-- `range: object` - the range object:
-	- `xStart?: string | number` - the starting column id
-	- `xEnd?: string | number` - the ending column id
-	- `yStart?: string | number` - the starting row id
-	- `yEnd?: string | number` - the ending row id
+<table>
+    <tbody>
+        <tr>
+            <td><b>range</b></td>
+            <td>(<i>object</i>) an object with the range coordinates that contains the following options:<ul><li><b>`xStart`</b> - (<i>string | number</i>) the starting column id</li><li><b>`xEnd`</b> - (<i>string | number</i>) the ending column id</li><li><b>`yStart`</b> - (<i>string | number</i>) the starting row id</li><li><b>`yEnd`</b> - (<i>string | number</i>) the ending row id</li></ul></td>
+        </tr>
+    </tbody>
+</table>
 
 @returns:
 Return `false` to prevent setting a range; otherwise, `true`.

docs/grid/api/rangeselection/getrange_method.md

@@ -23,10 +23,26 @@ getRange():
 
 @returns:
 - an object with the current selection range, where:
-    - `xStart?: string | number` - the starting column id
-    - `xEnd?: string | number` - the ending column id
-    - `yStart?: string | number` - the starting row id
-    - `yEnd?: string | number` - the ending row id
+<table>
+    <tbody>
+        <tr>
+            <td><b>xStart</b></td>
+            <td>(<i>string | number</i>) the starting column id</td>
+        </tr>
+        <tr>
+            <td><b>xEnd</b></td>
+            <td>(<i>string | number</i>) the ending column id</td>
+        </tr>
+        <tr>
+            <td><b>yStart</b></td>
+            <td>(<i>string | number</i>) the starting row id</td>
+        </tr>
+        <tr>
+            <td><b>yEnd</b></td>
+            <td>(<i>string | number</i>) the ending row id</td>
+        </tr>
+    </tbody>
+</table>
 - `null` if no range is set
 
 @example:

docs/grid/api/rangeselection/getrangedcells_method.md

@@ -16,8 +16,18 @@ getRangedCells(): { row: object; column: object; }[];
 
 @returns:
 - an array of objects where:
-	- `row: object` - the row object
-	- `column: object` - the column object
+<table>
+    <tbody>
+        <tr>
+            <td><b>row</b></td>
+            <td>(<i>object</i>) the row object</td>
+        </tr>
+        <tr>
+            <td><b>column</b></td>
+            <td>(<i>object</i>) the column object</td>
+        </tr>
+    </tbody>
+</table>
 
 @example:
 // this example shows retrieving of the range of selected cells

docs/grid/api/rangeselection/isranged_method.md

@@ -15,9 +15,14 @@ isRanged(cell: { x: string | number; y: string | number }): boolean;
 ~~~
 
 @params:
-- `cell: object` - an object with the `x` and `y` coordinates of a cell, where:
-	- `x: string | number` - the column id
-	- `y: string | number` - the row id
+<table>
+    <tbody>
+        <tr>
+            <td><b>cell</b></td>
+            <td>(<i>object</i>) - an object with the `x` and `y` coordinates of a cell, where:<ul><li>`x` - (*string | number*) - the column id</li><li>`y` - (*string | number*) - the row id</li></ul></td>
+        </tr>
+    </tbody>
+</table>
 
 :::note
 You can specify just `x` or `y` to check a column or a row, correspondingly.

docs/grid/usage_rangeselection.md

@@ -225,17 +225,43 @@ console.log(grid.range.getRange()); // -> { xStart: "a", xEnd: "b", yStart: "1",
 
 The returned object with the current selection range contains the following properties:
 
-- `xStart` - (*string | number*) the starting column id
-- `xEnd` - (*string | number*) the ending column id
-- `yStart` - (*string | number*) the starting row id
-- `yEnd` - (*string | number*) the ending row id
+<table>
+    <tbody>
+        <tr>
+            <td><b>xStart</b></td>
+            <td>(<i>string | number</i>) the starting column id</td>
+        </tr>
+        <tr>
+            <td><b>xEnd</b></td>
+            <td>(<i>string | number</i>) the ending column id</td>
+        </tr>
+        <tr>
+            <td><b>yStart</b></td>
+            <td>(<i>string | number</i>) the starting row id</td>
+        </tr>
+        <tr>
+            <td><b>yEnd</b></td>
+            <td>(<i>string | number</i>) the ending row id</td>
+        </tr>
+    </tbody>
+</table>
 
 ### Getting an array of cells within the range
 
 It is also possible to get an array of cells within the range selection by using the [`getRangedCells()`](grid/api/rangeselection/getrangedcells_method.md) method of the `range` object. It returns an array of objects where:
 
-- `row` - (*object*) the row object
-- `column` - (*object*) the column object
+<table>
+    <tbody>
+        <tr>
+            <td><b>row</b></td>
+            <td>(<i>object</i>) the row object</td>
+        </tr>
+        <tr>
+            <td><b>column</b></td>
+            <td>(<i>object</i>) the column object</td>
+        </tr>
+    </tbody>
+</table>
 
 This example shows retrieving of the range of selected cells:
 
@@ -261,9 +287,14 @@ console.log(grid.range.getRangedCells()); // -> [{ row: { id: "1", ... }, column
 
 You can check whether a cell is within the current range using the [`isRanged()`](grid/api/rangeselection/isranged_method.md) method of the `range` object. The method takes the following parameter: 
 
-- `cell` - (*object*) - an object with the `x` and `y` coordinates of a cell, where:
-    - `x` - (*string | number*) - the column id
-    - `y` - (*string | number*) - the row id
+<table>
+    <tbody>
+        <tr>
+            <td><b>cell</b></td>
+            <td>(<i>object</i>) - an object with the `x` and `y` coordinates of a cell, where:<ul><li>`x` - (*string | number*) - the column id</li><li>`y` - (*string | number*) - the row id</li></ul></td>
+        </tr>
+    </tbody>
+</table>
 
 :::note
 You can specify just `x` or `y` to check a column or a row, correspondingly.