Weird spacing when using the DOM attribute

wink

When I do the following below, I get weird spacing on the drop down and search bar. If I comment out the "dom": 'lfrtip' everything aligns correctly. Any ideas? I posted an imgur below.

``` $(document).ready(function() {

        $('#customers').DataTable({
            "dom": 'lfrtip',
            "buttons": [
                'copyHtml5',
                'excelHtml5',
                'pdfHtml5'
            ],
            "lengthMenu": [ [15, 30, 50, -1], [15, 30, 50, "All"] ],
            "pageLength": 15,



        });
    } );```

http://imgur.com/a/ZVL2y

allan

Are you using Bootstrap styled DataTables? If so the default dom string for Bootstrap is different. See the dom reference for the default string that you will want to modify.

Allan

wink

Thanks Allan. I need to RTFM better!