Datatable header is missing when using scrollx function?
Datatable header is missing when using scrollx function?
nickolojon
Posts: 20Questions: 0Answers: 0
Hi, can you please help me with this problem, I created the datable this way
$('#example').dataTable({
"sPaginationType": "full_numbers",
"bSort": false,
"sScrollX": "100%",
"sScrollXInner": "110%",
"bScrollCollapse": true,
"sDom": "ltipr"
}).columnFilter();
The table header is showing when i'm not using the sScrollX, sScrollXInner and bScrollCollapse. I need to use those to show a horizontal scroll function because the number of columns that the table will show depends on the settings of the user,
but when I use those 3, my header is missing.
$('#example').dataTable({
"sPaginationType": "full_numbers",
"bSort": false,
"sScrollX": "100%",
"sScrollXInner": "110%",
"bScrollCollapse": true,
"sDom": "ltipr"
}).columnFilter();
The table header is showing when i'm not using the sScrollX, sScrollXInner and bScrollCollapse. I need to use those to show a horizontal scroll function because the number of columns that the table will show depends on the settings of the user,
but when I use those 3, my header is missing.
This discussion has been closed.
Replies
Wondering if it is fixed. Last time I checked was 6 months ago. So that is my input.
I can say that setting this: "bAutoWidth": false fixed some column width issues I was having. I also use show/hide columns so I have a lot going on also.