From c01ad3317c67dd31a6e3d4b2ed5df5fff1757f87 Mon Sep 17 00:00:00 2001
From: Alexey Sudilovskiy <sudilovskiy@yandex-team.ru>
Date: Wed, 19 Jul 2023 15:40:09 +0200
Subject: [PATCH] refactor: do not set `width` to cell

---
 src/components/Table/Table.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/Table/Table.tsx b/src/components/Table/Table.tsx
index 228601dd2b..8811838893 100644
--- a/src/components/Table/Table.tsx
+++ b/src/components/Table/Table.tsx
@@ -347,7 +347,7 @@ export class Table<I extends TableDataItem = Record<string, string>> extends Rea
                             <th
                                 key={id}
                                 ref={this.state.columnHeaderRefs[index]}
-                                style={columnsStyles[index]}
+                                style={this.getCellStyles(columnsStyles[index])}
                                 className={b(
                                     'cell',
                                     {
@@ -439,7 +439,7 @@ export class Table<I extends TableDataItem = Record<string, string>> extends Rea
                     return (
                         <td
                             key={id}
-                            style={columnsStyles[colIndex]}
+                            style={this.getCellStyles(columnsStyles[colIndex])}
                             className={b(
                                 'cell',
                                 {
@@ -528,6 +528,13 @@ export class Table<I extends TableDataItem = Record<string, string>> extends Rea
         return style;
     }
 
+    private getCellStyles({
+        width: _width,
+        ...styles
+    }: React.CSSProperties): React.CSSProperties | undefined {
+        return Object.keys(styles).length ? styles : undefined;
+    }
+
     private handleScrollContainerMouseenter = () => {
         this.setState({activeScrollElement: 'scrollContainer'});
     };