Tables: Handle non-wrapped tables

Author: nginx-jack

assets/css/v2/style.css

@@ -1688,7 +1688,16 @@ table {
   }
 }
 
+/* Workaround for raw html tables without div wrapper*/
+table.table {
+  display: block;
+  width: 100%;
+  overflow-x: auto;
+}
+
 .table {
+  overflow-x: auto;
+  width: 100%;
   margin: var(--margin-table);
   &.borderless {
     th {
@@ -1716,11 +1725,6 @@ table {
   }
 }
 
-.md-table-scroll-x {
-  overflow-x: auto;
-  width: 100%;
-}
-
 table hr {
   color: oklch(var(--color-divider));
   border: none;

layouts/partials/table.html

@@ -2,6 +2,6 @@
 {{$theme := .theme | default "bordered"}}
 {{$dataGrid := cond (eq $variant "narrow") "first-two-thirds" (cond (eq $variant "wide") "wide" "") }}
 
-<div class="table md-table-scroll-x {{ $theme }}" data-grid="{{$dataGrid}}">
+<div class="table {{ $theme }}" data-grid="{{$dataGrid}}">
     {{ .content | markdownify }}
 </div>