Welcome to our Documentation
All
Print

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.

Header

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.

Footer

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.

Custom Footer

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 Footer

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. 

Table Styling

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.

Table Styling Settings

Previous Frontend Export
Next Highlighting
Options
Shopping Cart