I see Heather, I see, thanks for that.

The issue is in our code because the "white-space: normal;" is added with an !important clause to the header and cells in order to override wpdatatables-bootstrap-css.

So, this is applied to all tables on a page.

To resolve this, I added the following CSS on the page, in the second table's widget:

#table_3_wrapper table.wpDataTable td, #table_3_wrapper table.wpDataTable th {
white-space: nowrap !important;
}

As far as I can see, it's working fine - the first table is wrapped, and limited to the page's width, and the second table isn't wrapped, and it's scrollable. Please check and let me know (don't forget to delete cache).

Don't be confused by #table_3_wrapper - each table on a page gets an odd number assigned to its object, so if you have 4 tables on a page, they'd be:

#table_1
#table_3
#table_5
#table_7

This'll be useful if you need to apply this (or similar) code on other pages. Our developers will work on this in the future, but at the moment this is the only workaround.

You're welcome, Heather

Glad I could be of service.

If you have any further questions or issues, please feel free to open a new ticket, and we'll gladly help.