Using DOM to arrange elements, pushes last element downwards

cornacum

Hi

When adding a DOM function in order to change the order of elements around the table, the last element (pagination in this case) gets pushed downwards and leaves empty spaces between the element and the table.

Please see the attached screenshot.

Example 1:
https://wigtech.co.uk/datatables/datatable.html

Example 2:
Adding the following code on line 135.
dom: 'lftipr',

https://wigtech.co.uk/datatables/datatable2.html

What could be causing this to happen?

Thanks

Link to test case:
Debugger code (debug.datatables.net):
Error messages shown:
Description of problem:

kthorngren

Since you are using Bootstrap 4 you need to setup the dom option with the Bootstrap column classes. See the styling examples for the default BS 4 setup.

Kevin

cornacum

Thank you