Enhance mjml table with horizontal scrolling and add overflow

Question

I am using mjml to create an email template containing a table. Also the header name is very long and the table becomes too large horizontally. I want to make it scroll horizontally inside the blue container but I can't make it happen.

How to make it scrollable?

This is the live code of mjml

Answer 1

You can use <mj-style> to add css classes

  
    
      .overflow-scroll { overflow: scroll; }
    
  
  ...

And add this class to include<mj-column>

Here is a fixed source