How to Customize Table Headers Online

Headers define a table

Learn how to customize table headers online with Tablesmit. A table without a header is just a grid of numbers. A table with a clear, styled header is a structured document. Headers tell the reader what each column means, what unit the numbers are in, and what dimension each row represents.

Most web table tools treat headers as an afterthought — bold the first row and call it done. Tablesmit gives you full control.

Header style options

Choose which cells are headers:

• None — no header styling. Every cell looks the same.
• First row — the top row becomes the header. Standard for most tables.
• First column — the leftmost column becomes a row header. Useful for lookup tables.
• Both — first row and first column are styled as headers. Common in academic and financial tables.

Styling is applied to the underlying <th> elements in the HTML, so headers are semantically correct for screen readers and SEO.

Header color

By default, headers use the primary blue (#1E40AF) with white text. Change this to any color to match your document theme — a corporate brand color, a dark slate for formal reports, or a light grey for minimal embedding.

Freeze header row

When your table has more than ten rows, the header scrolls out of view. Toggle Freeze header row in the Header Options panel to keep the header sticky at the top. The frozen header has a subtle blue underline so you always know which row is pinned.

You can also freeze the first column for wide tables where the row labels scroll off-screen.

Header colors in export

Header colors are preserved across all export formats. When you export to PDF, Excel, or PNG, the header retains its background color, text color, and font weight. This matters when you are publishing a table in a report or embedding it in a presentation.

Quick start

1. Create a table. By default, the first row is styled as a header.
2. Open the Header Options panel in the left sidebar.
3. Change the header style from "First row" to "Both" or "None".
4. Pick a header color from the color swatches.
5. Toggle freeze panes if your table is large.

The table updates in real time. No save button. No preview mode. Customize your headers in Tablesmit — what you see is what you publish.