Snaplogic html table column width

Designing Pipelines Solutions
#1

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?
HTML table scr shot -column width

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;} 
    <p>Medi-Cal - Surge Staff by Date and Submitter</p> 
    <table class="Snap"> 
    </table>
#2

Hi @sdoscher,

For a fixed width, remove the width attribute from the table, and apply width attribute to the <th> 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.

#3

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

#4

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

#5

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).

#6

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.

#7

Ah…that is a GREAT suggestion…TYSM!!!