Fix grouped table.

Author: novykh

src/components/tableV2/features/columnPinning.js

@@ -17,7 +17,6 @@ const ColumnPinning = ({
   ...rest
 }) => {
   const getThemeColor = useColor()
-  const headers = table.getLeftHeaderGroups()
 
   return (
     <Box
@@ -36,7 +35,6 @@ const ColumnPinning = ({
         enableResize={enableResize}
         enableSorting={enableSorting}
         getRowHandler="getLeftVisibleCells"
-        headers={headers}
         onClickRow={onClickRow}
         onHoverCell={onHoverCell}
         pinnedStyles={{ borderRight: `1px solid ${getThemeColor("borderSecondary")}` }}

src/components/tableV2/netdataTable.js

@@ -208,14 +208,14 @@ const NetdataTable = ({
           />
         ) : null}
         <Flex column flex ref={scrollParentRef} overflow="auto">
-          <Flex gap={enableColumnPinning ? 2 : undefined}>
+          <Flex>
             {enableColumnPinning && (
               <ColumnPinning
                 enableResize={enableResize}
                 onClickRow={onClickRow}
                 enableSorting={enableSorting}
                 table={table}
-                headers={table.getLeftFlatHeaders()}
+                headers={table.getLeftHeaderGroups()}
                 testPrefix={testPrefix}
                 dataGa={dataGa}
                 scrollParentRef={scrollParentRef}