[EuiDataGrid] Fixed: Cell styling retains when column position is changed

CHANGELOG.md

@@ -7,6 +7,7 @@ No public interface changes since `31.9.1`.
 **Bug fixes**
 
 - Fixed an errant export of two non-existant values ([#4597](https://github.com/elastic/eui/pull/4564597))
+- Fixed `EuiDataGrid` retaining cells style when column position is changed ([#4601](https://github.com/elastic/eui/pull/4601))
 
 ## [`31.9.0`](https://github.com/elastic/eui/tree/v31.9.0)
 

src-docs/src/views/datagrid/datagrid.js

@@ -280,6 +280,13 @@ export default () => {
             });
           }
         }
+        return () => {
+          setCellProps({
+            style: {
+              backgroundColor: 'transparent',
+            },
+          });
+        };
       }, [rowIndex, columnId, setCellProps, data]);
 
       function getFormatted() {

src-docs/src/views/datagrid/footer_row.js

@@ -92,6 +92,13 @@ export default () => {
             });
           }
         }
+        return () => {
+          setCellProps({
+            style: {
+              backgroundColor: 'transparent',
+            },
+          });
+        };
       }, [rowIndex, columnId, setCellProps]);
 
       return raw_data.hasOwnProperty(rowIndex)