Check out the implementation of vertical header flow in Datatables by visiting: https://jsfiddle.net/2unr54zc/
While I have successfully fixed the columns on horizontal scroll, I'm facing difficulty in fixing the first two rows when vertically scrolled due to them being in different TDs/THs on different TRs.
Any suggestions on how to achieve this would be greatly appreciated.
Here is the code snippet provided:
.dataTable {
display: block;
width: 100%;
}
.dataTable thead {
display: block;
position: relative;
}
.dataTable thead tr {
display: flex;
}
...
...
... // script and table code here
</script>