Header and Footer.
The header is a block at the top of a table that helps a user identify the content of a table. Let’s assume you’ve already created a table and now you aim to place a header at the top.
Header
To enable Header for a table, you need to proceed to the Options tab in the table settings. Here you’ll find different customization options in the Table Elements section. Move to the Header checkbox and tick it.
Please also note that the header displays the name of the columns you set in the Builder section.
Fixed header
This option allows fixing the table’s header during table scrolling. Important! Header option must be enabled for using this feature. Also, you need to set Fixed Table Height to create a vertical scroll for your table. To see the work of this feature you should not use such Responsive Modes such as Standard and Automatic columns hiding.
Footer
Footer is a block at the bottom of a table that duplicates the data contained in the header.
To enable the footer for a table you need to tick the Footer checkbox. After turning on the Footer option, you’ll get one extra option called Custom footer. If this option is checked the footer for a table will be created from the last table rows, otherwise, the footer will duplicate header rows.
If you decide on a Custom footer, you’ll get an opportunity to set the count of table rows, which will be moved to the footer. The number can be managed in the Count of footer rows input.
Fixed footer
The Fixed footer option allows fixing the footer during table scrolling.
Important! The footer option must be enabled for using this feature. Also, you need to set Fixed Table Height to create a vertical scroll at the table. To see the work of this feature you should not use such Responsive Modes as Standard and Automatic columns hiding.
If the Fixed footer option is enabled, there is an option to set the height of the table using the Fixed table height input.
Fixed height is set in px. Please also note that this value must be less than the original table height to create a vertical scroll, otherwise you will not see that the fixed header/footer exists.
Customization settings
In case, you need to make your header/footer more eye-catching, you need to move to the Appearance tab, find the Table Styling section, and tick Use custom styles checkbox to get the opportunity to change the font, size, color, background, etc.
The other way to change the customization settings is to move back to the Builder tab, click the gear icon near the name of the column, proceed to the Header tab and the same settings as in Table Styling appear.
