Cant Get Show Entries on Same Line
Cant Get Show Entries on Same Line
77vetter
Posts: 5Questions: 1Answers: 0
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
This question has an accepted answers - jump to answer
This discussion has been closed.
Answers
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
yep that was it, was missing one of the css files. thanks for your help!