Show bulk actions if needed. (#421)

Author: novykh

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

@@ -25,7 +25,7 @@ const StyledHeaderRow = styled.tr`
 `
 const StyledHeaderCell = styled(Box)`
   position: relative;
-  padding: 12px;
+  padding: 4px 8px;
   border-bottom: 1px solid ${getColor("borderSecondary")};
   &:not(:last-child) {
     border-right: 1px solid ${getColor("borderSecondary")};
@@ -133,7 +133,7 @@ Table.HeadCell = forwardRef(
       sx={{
         textAlign: align,
         fontSize: "14px",
-        height: "90px",
+        height: "60px",
         position: "sticky",
         top: 0,
         ...styles,
@@ -271,7 +271,7 @@ Table.Cell = forwardRef(
       <Box
         as="td"
         onClick={handleClick}
-        padding={[3]}
+        padding={[1, 2]}
         ref={ref}
         sx={{
           textAlign: align,

src/components/tableV2/netdataTable.js

@@ -66,7 +66,7 @@ const NetdataTable = ({
 }) => {
   const [isColumnDropdownVisible, setIsColumnDropdownVisible] = useState(false)
   const [columnVisibility, setColumnVisibility] = useState(initialColumnVisibility)
-  const [columnPinning, setColumnPinning] = React.useState(columnPinningOptions)
+  const [columnPinning, setColumnPinning] = useState(columnPinningOptions)
 
   const [originalSelectedRows, setOriginalSelectedRow] = useState([])
   const [sorting, setSorting] = useState(sortBy)
@@ -103,8 +103,10 @@ const NetdataTable = ({
 
   const makeActionsColumn = useMemo(() => makeRowActions({ rowActions, testPrefix }), [rowActions])
 
+  const hasBulkActions = enableColumnPinning || enableColumnVisibility || bulkActions
+
   const renderBulkActions = () =>
-    bulkActions
+    hasBulkActions
       ? [
           makeBulkActions({
             bulkActions,
@@ -224,7 +226,7 @@ const NetdataTable = ({
   return (
     <SharedTableProvider>
       <Flex height="100%" overflow="hidden" width="100%" column>
-        {onGlobalSearchChange || bulkActions ? (
+        {onGlobalSearchChange || hasBulkActions ? (
           <GlobalControls
             bulkActions={renderBulkActions}
             dataGa={dataGa}