Data Table width on Smartphone, Search input and Next in the middle

hawkmaster

Hello,
on a normal PC desktop my datatable looks fine as in your example.
But on a smartphone the Input for "Search" and the Forward & Next Buttons are in the middle of the screen.
This also happens in your example if the screen width is too small.

Is there a way to fit these elements always to the right edge of the table?

regards
hawk

larsonator

You can use css media tags to target between screen sizes or sizes below a certain width and override the style for the search, forward and back buttons using ! Important.

hawkmaster

Hello
thank you for help.
yes I know that you can use media tags.
The problem is that the table has enough width and looks fine but the search box and filter and info is in the middle.
It looks like in this example
http://live.datatables.net/akedig/10/edit

How can you fit the layout to the top left for the search box?