Fixed header with vertical scroll on table

Replies: 0

Hello,

I have a scrollable table.
I’m trying to make the head of the table stay in place and only the rows scroll.
I would really appreciate any help.
Thank you very much!
———————
Before in regular CSS
I specified settings
something like this

thead {
position: sticky;
top: 0;
}
———————

Now I use these settings parameters on the page

<div style=”height: 400px; overflow-y: auto;”>
[table id=2 /]
</div>

.tablepress tbody td {
	font-family: Sans-Serif;
	font-size: 13px;
	font-weight: normal;
	color: #3a4260;
}

.tablepress thead th,
.tablepress tfoot th {
	background-color: #e6e8f0;
	font-family: Sans-Serif;
	font-size: 13px;
	font-weight: bold;
	color: #3a4260;
}