Fix hovers.

Author: novykh

src/components/tableV2/core/base-table.js

@@ -132,7 +132,7 @@ Table.HeadCell = forwardRef(
           ...styles,
           ...headStyles,
         }}
-        width={{ min: `${minWidth}px`, max: `${width}px` }}
+        width={{ min: `${minWidth}px`, max: `${width}px`, base: `${width}px` }}
         onMouseEnter={() => onHover({ row: null, column: id })}
         onMouseLeave={() => onHover()}
         {...props}
@@ -291,7 +291,11 @@ Table.Cell = forwardRef(
           ...pinnedStyles,
           ...styles,
         }}
-        width={{ max: `${width || maxWidth}px`, min: `${minWidth}px` }}
+        width={{
+          base: `${width || maxWidth}px`,
+          max: `${width || maxWidth}px`,
+          min: `${minWidth}px`,
+        }}
         overflow="hidden"
         {...rest}
         background={

src/components/tableV2/core/rows.js

@@ -82,7 +82,8 @@ const Rows = ({
                 onMouseEnter={() => onHover({ row: row.id, column: cell.column.id })}
                 onMouseLeave={() => onHover()}
                 {...cell.column.columnDef.meta}
-                {...(coloredSortedColumn &&
+                {...(cell.column.getCanSort() &&
+                  coloredSortedColumn &&
                   !!cell.column.getIsSorted() && {
                     background: "successBackground",
                     backgroundOpacity: 0.3,

src/components/tableV2/netdataTable.js

@@ -197,7 +197,7 @@ const NetdataTable = ({
               dataGa={dataGa}
               scrollParentRef={scrollParentRef}
               virtualizeOptions={virtualizeOptions}
-              coloredSortedColumn={coloredSortedColumn}
+              coloredSortedColumn={enableSorting && coloredSortedColumn}
             />
           )}
           <MainTable
@@ -213,7 +213,7 @@ const NetdataTable = ({
             tableRef={tableRef}
             testPrefix={testPrefix}
             virtualizeOptions={virtualizeOptions}
-            coloredSortedColumn={coloredSortedColumn}
+            coloredSortedColumn={enableSorting && coloredSortedColumn}
             {...rest}
           />
         </Flex>