fix(PaginatedTable): fix layout (#1237)

Author: artemmufazalov

src/components/PaginatedTable/PaginatedTable.scss

@@ -25,6 +25,14 @@
         }
     }
 
+    &__colgroup {
+        display: table;
+    }
+
+    &__table-chunk {
+        display: block;
+    }
+
     &__row {
         &:hover {
             background: var(--paginated-table-hover-color);
@@ -169,8 +177,4 @@
     &__head-cell-wrapper:hover > &__resize-handler {
         visibility: visible;
     }
-
-    &__table-chunk {
-        display: block;
-    }
 }

src/components/PaginatedTable/TableHead.tsx

@@ -183,7 +183,7 @@ export const TableHead = <T,>({
 
     const renderTableColGroups = () => {
         return (
-            <colgroup>
+            <colgroup className={b('colgroup')}>
                 {columns.map((column) => {
                     return <col key={column.name} style={{width: `${column.width}px`}} />;
                 })}