Dynamic Table element in Max Addons for Bricks Builder not only helps you create responsive and functional tables but also gives you complete control over their styling.
In this doc, we'll show you how to style your table headers.
Style Table Headers#
Step 1: Add the Dynamic Table Element#
- Open a page or create a new one in Bricks Builder.
- Search for 'dynamic table' in the Elements panel and add it to your page.
- A basic table layout will appear on the canvas.
Step 2: Locate Header Styling Options#
- Select the Dynamic Table element.
- In the sidebar, go to the Content tab.
- Scroll down and open the HEADER STYLE section.
Step 3: Style the Table Header#
Inside the Header Style section, you'll find several options to control the appearance of your header row:
- Padding: Adjust the inner spacing of header cells.
- Typography: Customize the font family, size, weight, line height, letter spacing, and text alignment.
- Background Color: Apply a background color to the header row.
- Border: Add borders around header cells.
With these options, you can style your table headers to perfectly match your site's branding and improve the overall readability of your tables.