Snaplogic html table column width

Question

Where/how can I adjust the HTML table in the email sender snap so that the columns are wider (either a fixed width, or so that they auto expand?

The current setup is:

Email Snap HTML Table 
 table.Snap {background-color:transparent;border-collapse:collapse;width:100%;} table.Snap th, 
      table.Snap td {text-align:center;border:1px solid black;padding:5px;} table.Snap th {background-color:AntiqueWhite;}

&lt;p&gt;Medi-Cal - Surge Staff by Date and Submitter&lt;/p&gt; 
    &lt;table class="Snap"&gt; 
    &lt;/table&gt;

j_angelevski · Answer

Hi @sdoscher,
For a fixed width, remove the width attribute from the table, and apply width attribute to the &lt;th&gt; tag.
If you want the table to take full width of the available width, add the width: 100% attribute to the table tag, this will automatically make the table wider and it will expand the columns.

sdoscher · Answer

j.angelevski:

width: 100%

Thank you @j.angelevski .  Something is not working.  Must be that something is “overriding” it.  I will continue to play with it.

bojanvelevski · Answer

@sdoscher , Try disabling the text wrap notice by adding white-space: nowrap;

sdoscher · Answer

OK, I figured out what the issue is.  It seems like there is an issue with regard to how WIDE an HTML table can be.  As you can see from the original image above, the columns are dates, with a “staff” and “total” column too.  I found that I can fit 22 days before the table header starts to wrap (no matter what attributes I added/removed/adjusted).

j_angelevski · Answer

In that case, it’s better if you make your columns into rows. You can have as much rows as you want without text wrapping or some other issues that occur with more columns.

Forum Discussion

Snaplogic html table column width

Recent Discussions

Javascript to promote top level lists

Google Sheets Subscribe questions

Basic string transformations not working

Can we generate XML file in pretty print format using native snapLogic snaps?

Multipart Reader failure - 'content-type' was not found