Is there a way to keep the table header fixed in place while the rest of the content scrolls up? Below is a snippet from my .html file:
<table class="table sticky-header">
<thead>
<tr class="row-hor-heading">
<th colspan="3" scope="row"><span class="bank-name">{{offer.name}}</span> <br /><span class="offers-heading">{{offer.companyname}}</span></th>
</tr>
</thead>
<tbody>
<tr class="row-2-data bg-white">
<td colspan="3" scope="row">
<button class="btn offerapply-btn waves-effect waves-light" (click)="openThisOffer(offer,leadType)">I'm Interested</button>
</td>
</tr>
</tbody>
</table>
In my typescript file, I have written code within the afterViewInit() function as shown below:
ngAfterViewInit(){
// Add code here
}
I'm unsure of what needs to be included inside the function. Any assistance on how to achieve this would be greatly appreciated. Thank you!