when using dom: 'irtpBfl', positioning

javismiles

Im using
dom: 'irtpBfl',
as the position of filter, buttons, etc

now in regards to Bfl at the bottom,
how can I
- make filter input box smaller and aligned to the right
- have buttons and filter on same line float:left but yes with filter area smaller

thank u

javismiles

even simpler now, I am using:

    "pagingType": "simple", //"full_numbers",
    "lengthMenu": [ [10, 25, 50, -1], [10, 25, 50, "All"] ],
    dom: 'Brtpf', //"Bfrtip",

and

.dataTables_filter input { width: 51px !important; }

.dataTables_filter {
text-align:right !important;

}

and I want the pagination and filter to be on the same line as they are both now very small, it looks real bad with each in one line, how can I make them both into one line, one aligned to the left, and the other to the right? thank u

javismiles

centering the pagination with
div.dataTables_paginate {text-align: center}
doesnt seem to work, how can I center it?
thank u

allan

Depending on what styling framework you are using, you might need to remove the float:

.dataTables_wrapper .dataTables_paginate {
  float: none;
}

A link to a test case showing the issue would be useful.

Allan

javismiles

thank you Allan, Im using bootstrap 4, as provided by your downloader