Embedding a table into ahead

Looking for a way to show data in a clear table format? You can embed an HTML file into your content – here’s how.

 ✍🏼 for Editors

Embedding a Table into Your Content

If you want to display structured information like a schedule or comparison in your content, you can easily do this by embedding a table. In ahead, this is possible by uploading an HTML file that contains your table and linking to it via the Embedded content building block.

How to Embed a Table Using an HTML File

1. Create your table as an HTML file
Use a simple text editor and format your content as follows. You can also use the help of ChatGPT to generate your file.

<!DOCTYPE html>
<html lang='en'>
<head>
    <meta charset='UTF-8'>
    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
    <title>Weekly Team Meeting Schedule</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 20px;
        }
        table {
            width: 100%;
            border-collapse: collapse;
            margin: 20px 0;
        }
        th, td {
            padding: 10px;
            text-align: left;
            border: 1px solid #ddd;
        }
        th {
            background-color: #f0f0f0;
        }
    </style>
</head>
<body>

    <h2>Weekly Team Meeting Schedule</h2>
    <table>
        <thead>
            <tr>
                <th>Day</th>
                <th>Time</th>
                <th>Topic</th>
            </tr>
        </thead>
        <tbody>
            <tr><td>Monday</td><td>10:00 AM</td><td>Weekly Kick-off</td></tr>
            <tr><td>Tuesday</td><td>2:00 PM</td><td>Project Sync</td></tr>
            <tr><td>Wednesday</td><td>11:00 AM</td><td>Customer Feedback Review</td></tr>
            <tr><td>Thursday</td><td>3:00 PM</td><td>Feature Planning</td></tr>
            <tr><td>Friday</td><td>9:30 AM</td><td>Team Retro</td></tr>
        </tbody>
    </table>

</body>
</html>

2. Save it as a .html file
For example: weekly_team_meeting_schedule.html

3. Add it to your ahead content
In your news, page, or event, follow these steps:

  • Add a Document building block
  • Upload your HTML file as an attachment
  • Right-click on the uploaded file and select “Copy link address”

Copy link address

  • Add an Embedded content building block
  • Paste the link you copied into the field

Paste link embedded table

  • ✅ Voilá! The table will appear directly in your content
  • You can now delete the Document block – the embed still works

Embedded table

🔎 Can't find the right answer to your issue?

Just open a ticket through our customer portal and we will be happy to assist you.