add jekyll table-wrapper plugin

dev-jonghoonpark · Oct 30, 2024 · 6b2828e · 6b2828e
1 parent 136f406
commit 6b2828e
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/_plugins/table_wrapper.rb b/_plugins/table_wrapper.rb
@@ -0,0 +1,4 @@
+Jekyll::Hooks.register :documents, :post_render do |doc|
+  doc.output.gsub! /<table>/, '<div class="table-wrapper" markdown="block"><table>'
+  doc.output.gsub! /<\/table>/, '</table></div>'
+end
diff --git a/_sass/_main.scss b/_sass/_main.scss
@@ -340,12 +340,17 @@ section {
 section.post .toc {
   border: 1px solid #ccc;
   font-size: 15px;
+  margin: 1rem 0 1.5rem;
 }
 
 section.post .toc a {
   text-decoration: none;
 }
 
+section.post .table-wrapper {
+  overflow-x: auto;
+}
+
 figcaption {
   font-size: smaller;
 }