Cant Get Show Entries on Same Line

77vetter

I cant get the "Show [] Entries" on the same line. I have played around with the DOM option and no matter what setting i use Show is on one line, [] is on another line, and Entries is on the third line

I am using bootstrap 4 so not sure if that is the issue. Here is my table:

<table id="data-table" class="table table-striped table-bordered mt-2">

And here is my initialization of the table:

$(document).ready(function () {
            $('#data-table').DataTable({
                dataSrc: 'list',
                dom: 'rfltip',
                bRetrieve: true,
                //data: data,
                columns: [...]
});

How can i get Show [] Entries all on the same line????

TIA

kthorngren

This Bootstrap4 example works:
https://datatables.net/examples/styling/bootstrap4.html

The dom option won't affect the display of the length input. It controls where its placed in relation to the other Datatable components. Looks like you may have a CSS issue. Its hard to say without seeing it. Please post a link to your page are a test case replicating the issue.
https://datatables.net/manual/tech-notes/10#How-to-provide-a-test-case

I tried your dom setting here and it works.
http://live.datatables.net/setorobo/1/edit

Its possible you are missing a Datatables Bootstrap 4 integration file. Try the Download Builder to make sure you have all the correct include files.

You may want to see if the dom Bootstrap4 styling example helps:
https://datatables.net/reference/option/dom#Styling

Kevin

77vetter

yep that was it, was missing one of the css files. thanks for your help!