🎨 fix #957

Vanessa219 · Jul 5, 2021 · c35943e · c35943e
1 parent 87d93ea
commit c35943e
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -98,6 +98,7 @@
 
 ### v3.8.5 / 2021-06-xx
 
+* [957](https://github.com/Vanessa219/vditor/issues/957) 支持表格横向滚动 `引入特性`
 * [1038](https://github.com/Vanessa219/vditor/issues/1038) 图片使用 pointer 样式 `改进功能`
 * [1034](https://github.com/Vanessa219/vditor/pull/1034) Support Vue and Angular `改进功能`
 * [1016](https://github.com/Vanessa219/vditor/pull/1016) Support Svelte `文档相关`

diff --git a/src/assets/scss/_reset.scss b/src/assets/scss/_reset.scss
@@ -155,6 +155,9 @@
       margin-bottom: 16px;
       overflow: auto;
       border-spacing: 0;
+      display: block;
+      word-break: keep-all;
+      width: 100%;
 
       tr {
         background-color: #fafbfc;
@@ -166,6 +169,14 @@
         padding: 6px 13px;
         border: 1px solid #dfe2e5;
         word-break: normal;
+        white-space: nowrap;
+
+        &:first-child::after {
+          content: "";
+          display: inline-block;
+          vertical-align: top;
+          min-height: 24px;
+        }
       }
 
       th {