Toolbar Panel and Info panel being displayed even when not necessary
Toolbar Panel and Info panel being displayed even when not necessary

$('#selector').dataTable ({
"bJQueryUI": true,
"bSort": false,
"bFilter": false,
"bPaginate": false,
"bInfo": false
});
When jQuery UI is enabled, and sorting, pagination, filtering, information are all disabled. The header/footer panels are still rendered. This is due to the CSS statements which adds padding to it. So the empty div(header/footer) are rendered.
The code should have a condition to not add these divs if there is no content in them to be displayed in them.
"bJQueryUI": true,
"bSort": false,
"bFilter": false,
"bPaginate": false,
"bInfo": false
});
When jQuery UI is enabled, and sorting, pagination, filtering, information are all disabled. The header/footer panels are still rendered. This is due to the CSS statements which adds padding to it. So the empty div(header/footer) are rendered.
The code should have a condition to not add these divs if there is no content in them to be displayed in them.
This discussion has been closed.