Search filter to be in the same row as other page info

trongart

In this example, I moved the search filter to the left with CSS and dom. However, it moved above the other elements such as info, page etc. How can I move the search filter into the same row as information and page length?

trongart

When the search filter comes after information such as with dom Qrifplt the filter is in the same row, but when the search filter comes first as in the example with dom Qrfiplt it is no longer aligned with the other elements.

allan

I'm not 100% certainly what the layout is that you are looking for I'm afraid, but I think you'll need an extra div which can have a little CSS applied to it to make it a flex box:

dom: '<"row"Qrfipl>t',

And

div.row {
  display: flex;
  justify-content: space-between;
}

http://live.datatables.net/pozawuxu/5/edit

I doubt that is what you actually want, but it might send you on the right track? If not, can you clarify the layout you want, perhaps with a drawing.

Allan

trongart

This is what I was looking for. Thank you!