Datatables DOM Blfrtip renders elements unaligned

ingila

I have my dataTables DOM defined as

     dom: "Blfrtip"

But the page renders to something like
Like it doesnt show everything in One Line..

Where am I going wrong? I want Buttons, Table Length and Search Inputs to be in the same line (currently Search input is coming in different line.)

Also when I zoom in the browser to 100%, datatables don't resize and get out of the Panel like this
.

Would highly appreciate if anyone can correct something obvious I might be missing out on.

dpalharini

I created a workaround for this problem, in my case works perfectly. It may help you:

div .dt-buttons{
    float : left;
}

.dataTables_length{
    float : left;
}

allan

if @dpalharini's answer doesn't help resolve the issue, can you link to a page showing the issue please?

My guess is that you don't have the corresponding stylesheet loaded for DataTables.

Allan