Elements' position

delph49

Hello

I want positionned the elements of dataTables ( search, pagination...) But it's not a success.
I have in my javascript:

             dom: "B<'row'<'col-sm-12 col-md-6'l><'col-sm-12 col-md-6'f>>" +
                                "<'row'<'col-sm-12'tr>>" +
                                "<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>",

In my CSS:

    .dataTables_filter {
       float: right !important;
    }
    .dataTables_info{
       float: left !important;
    }
    .dataTables_paginate{
       float: right !important;
    }

Photo with the result and what I want:

thanks for advance

colin

Hi @delph49 ,

CSS issues are hard to debug/solve without seeing it. We're happy to take a look, but it would help if you could link to a running test case showing the issue so we can offer some help. 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

delph49

Ok thanks, code it's here: http://live.datatables.net/kafeziwu/1/

kthorngren

Looks like you aren't using all of the Datatables Bootstrap 4 styling integration files like dataTables.bootstrap4.min.css. Instead you have jquery.dataTables.css. I would recommend using the Download builder to build the correct list of CSS and JS files need for Bootstrap 4 styling for Datatables and all the extensions. Updated your test case to see if that gets you closer to what you want.

Kevin

delph49

Ok I see that thanks

delph49

It's ok with the good files and a div with an id. Thanks