Menu icon Foundation

My Posts

No Content

My Comments

Leonardo Baptista Lopes commented on David P.'s post over 3 years

Hi David, it's been long since you posted, but maybe this answer may help others.
I had the exact same problem and I solved by getting to the property that was doing it on mobile.

The code in question is on ink.css:

table[class="body"] table.columns td,
table[class="body"] table.column td {
   width: 100% !important;
}

I just overrode this code on a media-query statement on my own code and changed the width on a more specific selector to:

width: auto !important;

Posts Followed

  • 3
    Replies
  • Adding a data table in Ink

    By David P.

    inktableemail

    I am using Ink to try and create an order confirmation e-mail from an ecommerce store. If I have a table that shows item info or any sort of data I layout, the last column is crunched to one character width when resizing to small. Example code in a 6-col... (continued)

    Last Reply by Taylor Shaw over 1 year ago


Following

    No Content

Followers

My Posts

No Content

My Comments

You commented on David P.'s post over 3 years

Hi David, it's been long since you posted, but maybe this answer may help others.
I had the exact same problem and I solved by getting to the property that was doing it on mobile.

The code in question is on ink.css:

table[class="body"] table.columns td,
table[class="body"] table.column td {
   width: 100% !important;
}

I just overrode this code on a media-query statement on my own code and changed the width on a more specific selector to:

width: auto !important;

Posts Followed


Following

  • No Content

Followers

  • No Content