Remove calculated width for scrollable tables

width: auto on a table ready for scroll reverts the default where browsers calculate a width. This overrides a stylesheet declaring table width:100%. A table that needs scrolling somewhere between the medium and large breakpoints will collapse because the column width is set by the widest unbreakable content in the cells.

diff --git a/scss/components/_table.scss b/scss/components/_table.scss
index fc967df3da99e2ee9d08d36c7f156f0e192edab4..44f92ed5849c9de616393ca4c75c29597eca9d70 100644 (file)
--- a/scss/components/_table.scss
+++ b/scss/components/_table.scss
@@ -323,8 +323,5 @@ $table-stack-breakpoint: medium !default;
   .table-scroll {
     overflow-x: auto;
 
-    table {
-      width: auto;
-    }
   }
 }