diff --git a/packages/editor-ext/src/lib/table/cell.ts b/packages/editor-ext/src/lib/table/cell.ts
index ac13bc3d..0714d69a 100644
--- a/packages/editor-ext/src/lib/table/cell.ts
+++ b/packages/editor-ext/src/lib/table/cell.ts
@@ -22,13 +22,13 @@ export const TableCell = TiptapTableCell.extend({
       },
       backgroundColorName: {
         default: null,
-        parseHTML: (element) => element.getAttribute('data-color-name') || null,
+        parseHTML: (element) => element.getAttribute('data-background-color-name') || null,
         renderHTML: (attributes) => {
           if (!attributes.backgroundColorName) {
             return {};
           }
           return {
-            'data-color-name': attributes.backgroundColorName.toLowerCase(),
+            'data-background-color-name': attributes.backgroundColorName.toLowerCase(),
           };
         },
       },
diff --git a/packages/editor-ext/src/lib/table/header.ts b/packages/editor-ext/src/lib/table/header.ts
index c114b9f6..46b1efaf 100644
--- a/packages/editor-ext/src/lib/table/header.ts
+++ b/packages/editor-ext/src/lib/table/header.ts
@@ -22,13 +22,13 @@ export const TableHeader = TiptapTableHeader.extend({
       },
       backgroundColorName: {
         default: null,
-        parseHTML: (element) => element.getAttribute('data-color-name') || null,
+        parseHTML: (element) => element.getAttribute('data-background-color-name') || null,
         renderHTML: (attributes) => {
           if (!attributes.backgroundColorName) {
             return {};
           }
           return {
-            'data-color-name': attributes.backgroundColorName.toLowerCase(),
+            'data-background-color-name': attributes.backgroundColorName.toLowerCase(),
           };
         },
       },