Scroll only the table body (without the header)

[pavelgromyko]

I have a table in which I can scroll through data (if the list is large). However, in most tables, the scroll extends to both the header and the body. And in my table, I would like only the body to be scrolled.

For this in the body I use

    display: block !important;
    overflow: scroll;
    table-layout: auto;
    max-height: 300px;

Tell me how can I avoid this problem?

In my code to build the table, I use the react-table-library library (https://react-table-library.com/?path=/story/getting-started-installation--page)