cancel
Showing results for 
Search instead for 
Did you mean: 

Snaplogic html table column width

sdoscher
New Contributor III

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> 
6 REPLIES 6

j_angelevski
Contributor III

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.

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

bojanvelevski
Valued Contributor

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

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