StickyHeader doesn't work

[HenryHong91]

Hi There,

I am trying to apply stickyheader to my table but it doesn't work , stickyFooter is working good.
Is it relative height?

i applied

 muiTableContainerProps: { sx: { maxHeight: '400px' } }

before but not worked.

Could anyone help me ? here is my code.

 const table = useMaterialReactTable({
 enableStickyHeader: true,
   enableStickyFooter: true,
  
     muiTableHeadProps: {
      sx: {
        "& .MuiTableCell-root": {
          color: "8f9296",
          padding: "10px",
          textAlign: "center",
          fontSize: "18px",
          fontStyle: "italic",
          backgroundColor: "#f9f9fb",
          borderBottom: "double black",
        },
        position: "sticky",
        top: "0px",
        zIndex: 10,
      },
    },
    })
    
    --------with parent component---------
    return (
    <>
      <Toaster position="top-center" richColors />

      <div className="p-2 m-2 bg-white">
        <MaterialReactTable table={table} />
      </div>
    </>
  );

[KevinVandy]

Version?

[HenryHong91]

It is V2