Scroll inside tbody

Asked Jun 16 '16 at 10:20

Active Oct 09 '19 at 08:50

Viewed 29 times

I have a page with a table and i want no scroll in page, but I want to scroll only in the table body (which will be only on 70% of the window) so the header will always be visible. I tried like this, but doesn't work:

Html style is:

<html style="overflow: hidden">

</html>

and my table's style looks like this:

<table>
<th>
...
</th>
<tbody style="height: 50vh; overflow-y: scroll;

</tbody>

</table>

edited Oct 09 '19 at 08:50

SoftWyer

1,986
28
33

asked Jun 16 '16 at 10:20

bucurvlad

1

Can you please add a fiddle? – Abhay Naik Jun 16 '16 at 10:22
https://jsfiddle.net/g23p05mq/1/ Check it out. the tbody is still too big. – bucurvlad Jun 16 '16 at 10:26
1

Check this, it will guide you : http://joshondesign.com/2015/05/23/csstable – Shiva Jun 16 '16 at 10:27
1

Here is a fiddle with your solution: https://jsfiddle.net/9c8ese72/3/ – Teuta Koraqi Jun 16 '16 at 10:32
@bucurvlad Remove the css for html that you have added. – Abhay Naik Jun 16 '16 at 10:37

Scroll inside tbody

0 Answers0