Tables section
The “Tables” section allows you to add schedules, price lists, product comparisons, event programs, and much more to your website.
The “Tables” section is a versatile tool for presenting structured information on your website. You can now easily create schedules, price lists, product comparisons, event programs, and much more — directly within the MaviBot builder, without the need for coding or third-party integrations.
With this section, you can:
add any number of rows and columns;
format table headers;
insert buttons and links directly into cells;
customize alignment, spacing, and colors.
Additional features include row styling, alternating row colors, and responsive layout for mobile devices.
This approach is ideal for:
schedules of workshops or events;
price tables for services or products;
product comparison charts;
contact details for branch offices;
and many other use cases.
Table Creation
To create a table, go to the website page editor. Find and click the “+” button to add a new section.
Next, in the menu that appears on the right side of the screen, find and click the “Table” button to add the section to the page.
The builder includes a table template with pre-filled fields, so the table will appear as follows when added:
A menu with table content settings will open on the right side.
Section Content
The content is edited within the section using simple and intuitive settings.
Column titles are entered in the “Table Header” field, separated by semicolons.
The table content is edited ROW by ROW, with each cell value in a row separated by semicolons.
Each subsequent row of the table starts on a new line. Column widths are also specified using semicolons.
How to add a button or link to a table
To add a button to a table cell, enter Button Name button=https://sbsite.pro into the cell's row (without quotation marks). поменять ссылку!
To add a hyperlink embedded in a word or phrase, enter the following in the table row:
Phrase to be linked link=https://sbsite.pro (without quotation marks). поменять ссылку!
Section Settings
To access the section settings, hover over “Tables” and click the corresponding “Settings” button.
Here, you’ll see font, color, and border settings for the table.
You can choose the color for even and odd rows, set the table background color, and customize the color of buttons added to table cells.
Here are the checkboxes for aligning borders and values within the column.
Hide vertical borders When this checkbox is enabled, the table will have no vertical borders. If you deactivate the checkbox, vertical lines will appear between columns.
Hide top border If this checkbox is enabled, the top border will be hidden. When the checkbox is disabled, the top border will appear above the table header.
Do not apply alignment to the first column By default, this checkbox is enabled. If you disable it, the first column will be aligned according to the overall table alignment.
Global Font, Background, and Display Settings
Each block has universal settings for fonts, background, and display — these settings are consistent across different blocks.
Similarly, the “Tables” section (block) supports various settings: you can choose or upload custom fonts, adjust font size and style, set a background for the section, as well as configure content width and visibility range across devices.
Last updated