Formatting Airtable Data as Tables in Gmail Digests via Zapier

Other Questions Airtable
1

I’m stuck trying to set up a Zapier workflow that sends Airtable data as neat tables in Gmail digests. I’ve got two zaps: one to collect the data and another to schedule the email. But I can’t get the table layout right.

Here’s what I’ve tried:

  1. Put all the HTML in the Digest zap. Result: It repeats headers for every data point.

  2. Split HTML between Digest and Schedule zaps. Result: Column widths don’t match up.

  3. Use row HTML in Digest, wrap with table HTML in Schedule. Result: Everything ends up in one long row.

Here’s a snippet of my current row HTML:

<tr>
  <td width="150">{{Title}}</td>
  <td width="150">{{Option Type}}</td>
  <td width="150">{{Option Status}}</td>
  <td width="150">TBD</td>
  <td width="150">{{Option Link}}</td>
  <td width="150">{{Deal Link}}</td>
</tr>

Any ideas on how to fix this? I just want a nice, clean table in my digest emails.

2

hey noah, i’ve had similar issues. try using inline CSS instead of width attributes. something like:

<tr>
  <td style="width:150px">{{Title}}</td>
  ...
</tr>

also, make sure you’re wrapping everything in proper

tags in the schedule zap. that should help keep things aligned. good luck!

3

I’ve encountered this issue before, and found a solution that might work for you. Instead of splitting the HTML between zaps, try generating the entire table structure within the Digest zap. Use a ‘Code’ step to build the complete HTML, including

, , and tags. This approach ensures consistent formatting.

For the Schedule zap, simply insert the pre-formatted HTML directly into the email body. This method avoids misalignment and repeated headers.

Additionally, consider using percentage-based widths for better responsiveness across devices:

Remember to test thoroughly with various email clients to ensure compatibility.

{{Title}}