diff --git a/packages/roosterjs-editor-dom/lib/table/cloneCellStyles.ts b/packages/roosterjs-editor-dom/lib/table/cloneCellStyles.ts
new file mode 100644
index 00000000000..5b0b37c6675
--- /dev/null
+++ b/packages/roosterjs-editor-dom/lib/table/cloneCellStyles.ts
@@ -0,0 +1,19 @@
+import { saveTableCellMetadata } from './tableCellInfo';
+/**
+ * Clone css styles from a element an set to another.
+ * @param cell cell that will receive the styles
+ * @param styledCell cell where the styles will be clone
+ */
+
+export default function cloneCellStyles(
+    cell: HTMLTableCellElement,
+    styledCell: HTMLTableCellElement
+) {
+    const styles = styledCell.getAttribute('style');
+    if (styles) {
+        cell.setAttribute('style', styles);
+        saveTableCellMetadata(cell, {
+            bgColorOverride: true,
+        });
+    }
+}
diff --git a/packages/roosterjs-editor-dom/lib/table/pasteTable.ts b/packages/roosterjs-editor-dom/lib/table/pasteTable.ts
index 1e8928d4312..684ffe05da0 100644
--- a/packages/roosterjs-editor-dom/lib/table/pasteTable.ts
+++ b/packages/roosterjs-editor-dom/lib/table/pasteTable.ts
@@ -1,3 +1,4 @@
+import cloneCellStyles from './cloneCellStyles';
 import moveChildNodes from '../utils/moveChildNodes';
 import VTable from './VTable';
 import { NodePosition, TableOperation } from 'roosterjs-editor-types';
@@ -48,12 +49,14 @@ export default function pasteTable(
         for (let j = cursorCol; j < columns; j++) {
             let cell = currentTable.getCell(i, j);
             let newCell = newTable.getTd(i - cursorRow, j - cursorCol);
-            if (cell.td) {
-                moveChildNodes(cell.td, newCell!);
+            if (cell.td && newCell) {
+                moveChildNodes(cell.td, newCell);
+                cloneCellStyles(cell.td, newCell);
             } else {
                 cell.td = document.createElement('td');
             }
         }
     }
+
     currentTable.writeBack();
 }
diff --git a/packages/roosterjs-editor-dom/test/table/cloneCellStylesTest.ts b/packages/roosterjs-editor-dom/test/table/cloneCellStylesTest.ts
new file mode 100644
index 00000000000..1e2aecb10d3
--- /dev/null
+++ b/packages/roosterjs-editor-dom/test/table/cloneCellStylesTest.ts
@@ -0,0 +1,16 @@
+import cloneCellStyles from '../../lib/table/cloneCellStyles';
+
+describe('cloneCellStyles', () => {
+    function runTest(style: string) {
+        const cell = document.createElement('td');
+        const styledCell = document.createElement('td');
+        styledCell.setAttribute('style', style);
+        cloneCellStyles(cell, styledCell);
+        expect(cell.getAttribute('style')).toEqual(style);
+        expect(cell.getAttribute('data-editing-info')).toBe('{"bgColorOverride":true}');
+    }
+
+    it('cloneCellStyles | should clone style and add metadata', () => {
+        runTest('color: red');
+    });
+});
diff --git a/packages/roosterjs-editor-dom/test/table/pasteTableTest.ts b/packages/roosterjs-editor-dom/test/table/pasteTableTest.ts
index e1bcf8f3ba5..4186a8d7a5b 100644
--- a/packages/roosterjs-editor-dom/test/table/pasteTableTest.ts
+++ b/packages/roosterjs-editor-dom/test/table/pasteTableTest.ts
@@ -5,14 +5,14 @@ const ID = 'id1';
 const TABLE123 =
     '<table id=' +
     ID +
-    '><tr><td>1</td><td>2</td><td>3</td></tr><tr><td>4</td><td>5</td><td>6</td></tr><tr><td>7</td><td>8</td><td>9</td></tr></table>';
+    "><tr><td id='pivotCell' >1</td><td>2</td><td>3</td></tr><tr><td>4</td><td >5</td><td>6</td></tr><tr><td>7</td><td>8</td><td>9</td></tr></table>";
 /*
     |1|2|3|
     |4|5|6|
     |7|8|9|
     */
 const TABLEABC =
-    '<table id=id2><tr><td>a</td><td>b</td><td>c</td></tr><tr><td>d</td><td>e</td><td>f</td></tr><tr><td>g</td><td>h</td><td>i</td></tr></table>';
+    "<table id=id2><tr><td style='color:red' >a</td><td>b</td><td>c</td></tr><tr><td>d</td><td >e</td><td>f</td></tr><tr><td>g</td><td>h</td><td>i</td></tr></table>";
 /*
     |a|b|c|
     |d|e|f|
@@ -61,4 +61,10 @@ describe('PasteTable', () => {
         expect(node.childNodes.length).toEqual(5);
         expect(node.childNodes[0].childNodes.length).toEqual(5);
     });
+
+    it('Paste table | copy styles', () => {
+        runTest(TABLE123, TABLEABC, 0, 0);
+        const pivotCell = document.getElementById('pivotCell') as HTMLTableCellElement;
+        expect(pivotCell.style.color).toEqual('red');
+    });
 });