You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
@@ -26,12 +30,12 @@ const grid = new dhx.Grid("grid_container", {
26
30
The property has the following values:
27
31
28
32
-`relative` - the footer follows the content immediately. If the number of rows is small and doesn't fill the container, the footer moves up to stay attached to the last row.
29
-
-`bottom` - the footer and bottom-pinned rows are strictly locked to the bottom edge of the container. They remain at the base of the component even if the content occupies only a fraction of the available height.
33
+
-`bottom` - the footer and [bottom-pinned rows](/grid/api/grid_bottomsplit_config/) are strictly locked to the bottom edge of the container. They remain at the base of the component even if the content occupies only a fraction of the available height.
30
34
31
35
@changelog: added in v9.3
32
36
33
37
**Related sample**:
34
-
-[Grid. Fixed rows positioned at the bottom](https://snippet.dhtmlx.com/8n0pdqhp)
35
-
-[Grid. Footer positioned at the bottom](https://snippet.dhtmlx.com/etg7raih)
38
+
-[Grid. Fixed rows positioned at the bottom](https://snippet.dhtmlx.com/w5xzdjb7)
39
+
-[Grid. Footer positioned at the bottom](https://snippet.dhtmlx.com/8sbf8b2y)
Copy file name to clipboardExpand all lines: docs/grid/configuration.md
+14-10Lines changed: 14 additions & 10 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1373,7 +1373,7 @@ const grid = new dhx.Grid("grid_container", {
1373
1373
1374
1374
### Header/footer filters
1375
1375
1376
-
There are the following types of filters that you can specify in the header/footer content of a [Grid column](grid/api/grid_columns_config.md):**inputFilter**, **selectFilter**, **comboFilter**, **dateFilter** (**PRO version**).
1376
+
There are the following types of filters that you can specify in the header/footer content of a [Grid column](grid/api/grid_columns_config.md):`inputFilter`, `selectFilter`, `comboFilter`, `dateFilter` (**PRO version**).
1377
1377
1378
1378
-**inputFilter**
1379
1379
@@ -1403,7 +1403,7 @@ If you specify **inputFilter** as the header or footer content of a column, you
@@ -1548,7 +1548,7 @@ const grid = new dhx.Grid("grid_container", {
1548
1548
});
1549
1549
~~~
1550
1550
1551
-
**Related sample**: [Grid. Custom filters in the header](https://snippet.dhtmlx.com/gcidkxjg)
1551
+
**Related sample**: [Grid. Custom filters in the header (dateFilter, comboFilter, inputFilter, selectFilter)](https://snippet.dhtmlx.com/gcidkxjg)
1552
1552
1553
1553
### Header/footer height
1554
1554
@@ -1602,13 +1602,17 @@ const grid2 = new dhx.Grid("grid", {
1602
1602
1603
1603
### Footer position
1604
1604
1605
-
You can define the logic of setting the position of the Grid footer as well as of the frozen rows set in the Grid configuration by the `bottomSplit` option with another Grid property `footerPosition`. The property has the following values:
1605
+
:::tip pro version only
1606
+
This functionality requires PRO version of the DHTMLXGrid (or DHTMLX Suite) package.
1607
+
:::
1608
+
1609
+
You can define the logic of setting the position of the Grid footer as well as of the frozen rows fixed at the Grid bottom by the [`bottomSplit`](/grid/api/grid_bottomsplit_config/) option with another Grid property [`footerPosition`](/grid/api/grid_footerposition_config/). The property has the following values:
1606
1610
1607
1611
-`relative`- (default) the footer follows the content immediately. If the number of rows is small and doesn't fill the container, the footer moves up to stay attached with the last row.
1608
1612
1609
1613

1610
1614
1611
-
- `bottom` - the footer and bottom-pinned rows are strictly locked to the bottom edge of the container. They remain at the base of the component even if the content occupies only a fraction of the available height.
1615
+
- `bottom` - the footer and bottom-pinned (frozen) rows are strictly locked to the bottom edge of the container. They remain at the base of the component even if the content takes only a part of the available height.
1612
1616
1613
1617

1614
1618
@@ -1626,8 +1630,8 @@ const grid = new dhx.Grid("grid_container", {
1626
1630
~~~
1627
1631
1628
1632
**Related samples**:
1629
-
- [Grid. Fixed rows positioned at the bottom](https://snippet.dhtmlx.com/8n0pdqhp)
1630
-
- [Grid. Footer positioned at the bottom](https://snippet.dhtmlx.com/etg7raih)
1633
+
- [Grid. Fixed rows positioned at the bottom](https://snippet.dhtmlx.com/w5xzdjb7)
1634
+
- [Grid. Footer positioned at the bottom](https://snippet.dhtmlx.com/8sbf8b2y)
Copy file name to clipboardExpand all lines: docs/grid/features.md
+2-2Lines changed: 2 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -102,7 +102,7 @@ In this section you can learn how to configure the header and footer of Grid, ho
102
102
|[Configuring header/footer](../api/api_gridcolumn_properties/)| Learn how to configure a Grid header/footer ([Example](https://snippet.dhtmlx.com/9jl55ep7)) |
103
103
|[Setting the height for header and footer](../configuration/#headerfooter-height)| Learn how to set the height for rows in the header and footer of Grid ([Example](https://snippet.dhtmlx.com/wjcjl80i)) |
104
104
|[Setting the text for header and footer](../configuration/#headerfooter-text)| Learn how to set the text for rows in the header and footer of Grid ([Example](https://snippet.dhtmlx.com/9jl55ep7)) |
105
-
|[Setting the position of the footer](../configuration/#footer-position)| Learn how to set the position of the footer and bottom-pinned rows ([Example 1](https://snippet.dhtmlx.com/etg7raih), [Example 2](https://snippet.dhtmlx.com/8n0pdqhp)) |
105
+
|[Setting the position of the footer](../configuration/#footer-position)| Learn how to set the position of the footer and bottom-pinned rows ([Example 1](https://snippet.dhtmlx.com/w5xzdjb7), [Example 2](https://snippet.dhtmlx.com/8sbf8b2y)) |
106
106
|[Styling header cells](../customization/#styling-header-cells)| Learn how to set styling to the text of header cells ([Example](https://snippet.dhtmlx.com/7o4elf48)) |
107
107
|[Styling footer cells](../customization/#styling-footer-cells)| Learn how to set styling to the text of footer cells ([Example](https://snippet.dhtmlx.com/d254hcvp)) |
108
108
@@ -356,7 +356,7 @@ In this section you will get to know how to export Grid to different formats.
|[Exporting Grid to XLSX, CSV, PNG or PDF format](../usage/#exporting-data)| Learn how to export Grid to the necessary format ([Example 1](https://snippet.dhtmlx.com/58oqij47), [Example 2](https://snippet.dhtmlx.com/ti9l91mn)) |
359
-
|[Extended export configuration settings](../usage/#extended-export-configuration-settings)| Learn how to provide extended configuration properties for Grid export ([Example](https://snippet.dhtmlx.com/k4wberkh))|
359
+
|[Extended export configuration settings](../usage/#extended-export-configuration-settings)| Learn how to provide extended configuration properties for Grid export ([Example](https://snippet.dhtmlx.com/aher21cg))|
0 commit comments