I am creating a antd table component which should have fixed header and pagination. But whenever I add scroll prop like

scroll={{ x: "max-content", y: "44vh" }}

It misalign the header row.

enter image description here

and when scroll prop is like =>

 scroll={{ x: "max-content" }}

enter image description here

I have tried:

• adding width to column but that will not increase with data in table
• adding min-width with onHeaderCell

What I am looking for is a way to add height to Table and header should also not misalign.