feat(table): responsive table

Merge from ahonn/hexo-theme-even@2c06f7bdfd4bad1e3fe33688014b3007b9b3a685

Closes #107

2 files changed, 12 insertions, 0 deletions

diff --git a/src/js/even.js b/src/js/even.js
index e8f8b33..c82eb41 100644
--- a/src/js/even.js
+++ b/src/js/even.js
@@ -266,4 +266,15 @@ Even.sequence = function() {
   }
 };
 
+Even.responsiveTable = function() {
+  const tables = document.querySelectorAll('.post-content > table');
+  for (let i = 0; i < tables.length; i++) {
+    const table = tables[i];
+    const wrapper = document.createElement('div');
+    wrapper.className = 'table-wrapper';
+    table.parentElement.replaceChild(wrapper, table);
+    wrapper.appendChild(table);
+  }
+};
+
 export {Even}
diff --git a/src/js/main.js b/src/js/main.js
index 1dd8566..4554e68 100644
--- a/src/js/main.js
+++ b/src/js/main.js
@@ -9,6 +9,7 @@ $(document).ready(function () {
   Even.fancybox();
 });
 
+Even.responsiveTable();
 Even.flowchart();
 Even.sequence();