I am using a datatable FixedHeader extension without scrolling. Columns of complex header (header with rowspan and colspan) do not align properly. See pictures and codepen example.
$(document).ready(function() {
$('#example').DataTable({
"paging": false,
"ordering": false,
"info": false,
"searching": false,
fixedHeader: {
header: true,
footer: true
},
});
});
Any ideas on how to fix this?