Skip to content

Commit 20c18e1

Browse files
committed
[add] images for row expander guide
1 parent 16ea244 commit 20c18e1

File tree

4 files changed

+11
-1
lines changed

4 files changed

+11
-1
lines changed
21.7 KB
Loading

docs/assets/grid/row_expander.png

51.7 KB
Loading
38.2 KB
Loading

docs/grid/configuration.md

Lines changed: 11 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1626,6 +1626,8 @@ The row expander functionality allows using nested content in Grid sub-rows. You
16261626
This functionality requires PRO version of the DHTMLX Grid (or DHTMLX Suite) package.
16271627
:::
16281628

1629+
![](../assets/grid/row_expander.png)
1630+
16291631
### Adding sub-rows
16301632

16311633
In order to enable the row expander feature, you should use the [`subRow`](grid/api/grid_subrow_config.md) configuration option. It defines the content of sub-rows for each row of the Grid. The `subRow` property is a callback function which is called with the row object as a parameter and should return an HTML string or the constructor of a Suite component (Grid, Chart, Form, DataView, etc.).
@@ -1650,6 +1652,8 @@ const grid = new dhx.Grid("grid_container", {
16501652
});
16511653
~~~
16521654

1655+
**Related sample:** [Grid. Row expander. Custom HTML and hiding toggle icon](https://snippet.dhtmlx.com/pvgyd3z9)
1656+
16531657
In the example below a sub-row contains a subgrid:
16541658

16551659
~~~jsx {7-16}
@@ -1767,6 +1771,8 @@ const grid = new dhx.Grid("grid_container", {
17671771
});
17681772
~~~
17691773

1774+
![](../assets/grid/subgrid_specific_rows.png)
1775+
17701776
In the above example the [`subRowConfig`](grid/api/grid_subrowconfig_config.md) config set as a callback function defines that sub-rows with the height 250px will be created for rows that have some data. For rows without data the `height:0` setting is specified, so sub-rows won't be created for these rows.
17711777

17721778
**Related sample:** [Grid. Row expander. Subgrid only in specific rows](https://snippet.dhtmlx.com/03udbtmr)
@@ -1909,7 +1915,11 @@ const grid = new dhx.Grid("grid_container", {
19091915

19101916
### Multi-level Grid nesting
19111917

1912-
It is possible to create as many levels of nested subGrids, as necessary. To specify the structure of a multi-level Grid nesting, do the following:
1918+
It is possible to create as many levels of nested subgrids, as necessary.
1919+
1920+
![](../assets/grid/multi_level_nesting.png)
1921+
1922+
To specify the structure of a multi-level Grid nesting, do the following:
19131923

19141924
- create a Grid with columns and data
19151925
- in the Grid configuration specify the [`subRow`](grid/api/grid_subrow_config.md) option as a callback function, which:

0 commit comments

Comments
 (0)