I have a views table block within a panel.
The table is overflowing the panel and I am trying to understand how to constrain it. I have tried setting it's CSS to various widths but they are always ignored. I can change individual column widths, colours etc but not the width.
Do views tables ignore these settings and just display to the width of their content? What is the best way to set their width?
Any tips for using views tables in responsive themes(within panels)?
In my CSS for this table I have previously tried setting
width: 100%; (and with !important). I know it is being applied to the table as when I have very colums it increase the width of the whole table to 100% of it's panel.
The problem occurs when there are a lot of columns and the content text of the column is wide. Then the table overflows past 100%. I can make it thinner by changing font size but I am trying to understand how the views table width is set.