Datatable Heading offset on some tables
Datatable Heading offset on some tables
I have a dashboard with 6 small Datatables displaying info. 3 of the 6 display just fine, but the other 3 have the heading offset to the left. This just recently started doing this and I've made no code changes.
JQuery Code:
$('.dataTables-weeklyIndPoints').DataTable({
"info": false,
"lengthChange": false,
"searching": false,
"paging": true,
"ordering": false,
"scrollX": false,
renderer: {
"header": "jqueryui",
"pageButton": "bootstrap"
},
fixedHeader: {
header: true,
footer: false
}
});
I have attached a screenshot of how the Datatable is rendering.
Answers
We're happy to take a look, but as per the forum rules, please link to a test case - a test case that replicates the issue will ensure you'll get a quick and accurate response. Information on how to create a test case (if you aren't able to link to the page you are working on) is available here.
Cheers,
Colin
I believe it's a version issue. Too many things to keep track of.
Bootstrap
JQuery
Datatables
PHP
I went back to an original page I had and I have it working again. I'll start checking out newer versions here soon.
Thx