Forum Discussion

sdoscher's avatar
sdoscher
New Contributor III
4 years ago

Snaplogic html table column width

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

6 Replies

  • j_angelevski's avatar
    j_angelevski
    Contributor III
    4 years ago

    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.

    • sdoscher's avatar
      sdoscher
      New Contributor III
      4 years ago

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

    • sdoscher's avatar
      sdoscher
      New Contributor III
      4 years ago

      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's avatar
        j_angelevski
        Contributor III
        4 years ago

        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.