diff --git a/.changeset/red-donuts-hear.md b/.changeset/red-donuts-hear.md
new file mode 100644
index 000000000..6adc65fd5
--- /dev/null
+++ b/.changeset/red-donuts-hear.md
@@ -0,0 +1,5 @@
+---
+'cherry-markdown': patch
+---
+
+fix: #1622 表格左右滚动影响到图表的问题
diff --git a/packages/cherry-markdown/src/Previewer.js b/packages/cherry-markdown/src/Previewer.js
index b456d9d7e..0f4700122 100644
--- a/packages/cherry-markdown/src/Previewer.js
+++ b/packages/cherry-markdown/src/Previewer.js
@@ -675,7 +675,7 @@ export default class Previewer {
             // 处理表格包含图表的特殊场景
             let hasUpdate = false;
             if (
-              newContent[change.newIndex].dom.className === 'cherry-table-container' &&
+              newContent[change.newIndex].dom.className === 'cherry-table-wrapper' &&
               newContent[change.newIndex].dom.querySelector('.cherry-table-figure') &&
               oldContent[change.oldIndex].dom.querySelector('.cherry-table-figure')
             ) {
diff --git a/packages/cherry-markdown/src/core/hooks/Table.js b/packages/cherry-markdown/src/core/hooks/Table.js
index 3569a7233..7f20c6f1e 100644
--- a/packages/cherry-markdown/src/core/hooks/Table.js
+++ b/packages/cherry-markdown/src/core/hooks/Table.js
@@ -313,8 +313,8 @@ export default class Table extends ParagraphBase {
       })
       .replace(/\\\|/g, '|'); // escape \|
     return {
-      html: `<div class="cherry-table-container" data-sign="${sign}${dataLines}" data-lines="${dataLines}">
-        <table class="cherry-table">${renderHtml}</table></div>`,
+      html: `<div class="cherry-table-wrapper" data-sign="${sign}${dataLines}" data-lines="${dataLines}">
+        <div class="cherry-table-container"><table class="cherry-table">${renderHtml}</table></div></div>`,
       sign,
     };
   }