I am creating a lightning component table that I wish to have with a fixed header but y-scrollable content. I was having a lot of trouble getting the scroll to work but then realized that can solve this issue as so
<div class="table-container"> <ui:scrollerWrapper class="sWrapTest"> <table .... >
Now the content scrolls when I changed the height to a set amount. The issue is getting the table header to be fixed. When I put:
<ui:scrollerWrapper class="sWrapTest"> <tbody...>
only in the body section, the header becomes misaligned. If I put the header in a class with position fixed, it doesn't changed anything. Any suggestions?