Enhance tables with HTML formatting

TablePop can render HTML tags directly in your exported tables. This means you can use standard HTML formatting in your Excel cell values to create rich, styled content in your interactive tables.

How It Works #

Simply type HTML tags directly into your Excel cells. When TablePop exports the table, it will render the HTML as formatted content.

Here is an example of what the Excel table looks like with HTML in the cells:

And here is the result after exporting with TablePop:

Bold & Italic Text #

Use <b> or <strong> tags for bold text, and <i> or <em> for italic text directly in your Excel cells.

Text Styling #

Apply color and other inline styles using the <span> tag with the style attribute.

<span style="color: red;">Red text</span>
<span style="color: #3772a3; font-weight: bold;">Custom blue bold</span>
<span style="background-color: yellow;">Highlighted text</span>

Lists #

Create both unordered (bullet) and ordered (numbered) lists inside a cell.

Unordered List

<ul><li>First item</li><li>Second item</li><li>Third item</li></ul>

Ordered List

<ol><li>Step one</li><li>Step two</li><li>Step three</li></ol>

Line Breaks #

Use <br> tags to add line breaks within a cell:

Line one<br>Line two<br>Line three

Badges & Labels #

Create colored badges or status labels using <span> with inline styles:

<span style="background-color: #28a745; color: white; padding: 2px 8px; border-radius: 12px;">Active</span>

<span style="background-color: #dc3545; color: white; padding: 2px 8px; border-radius: 12px;">Inactive</span>

<span style="background-color: #ffc107; color: black; padding: 2px 8px; border-radius: 12px;">Pending</span>

Images #

You can also display images in your table cells using the <img> tag:

<img src="https://your-domain.com/images/logo.png" alt="Logo" width="50">