Make tables scroll if they overflow.

2 files changed, 12 insertions, 0 deletions

diff --git a/docs/_static/style.css b/docs/_static/style.css
index 66ae3a4a..87ce6072 100644
--- a/docs/_static/style.css
+++ b/docs/_static/style.css
@@ -804,6 +804,10 @@ dd {
   background-color: var(--api-entry-background);
 }
 
+.table-wrapper {
+  overflow-x: auto;
+}
+
 table.docutils {
   width: 100%;
 }
diff --git a/docs/extensions/builder.py b/docs/extensions/builder.py
index 7662ee49..792f370e 100644
--- a/docs/extensions/builder.py
+++ b/docs/extensions/builder.py
@@ -12,6 +12,14 @@ class DPYHTML5Translator(HTML5Translator):
         self.section_level -= 1
         self.body.append('</section>\n')
 
+    def visit_table(self, node):
+        self.body.append('<div class="table-wrapper">')
+        super().visit_table(node)
+
+    def depart_table(self, node):
+        super().depart_table(node)
+        self.body.append('</div>')
+
 class DPYStandaloneHTMLBuilder(StandaloneHTMLBuilder):
     # This is mostly copy pasted from Sphinx.
     def write_genindex(self) -> None: