How do i get lenght box at same row as pagination - jsbin example

kulkarni_ash

Hi
I have following code in jsbin, the issue is lenght shows on next line instead of same line as pagiation and information,

http://jsbin.com/supofefiqu/edit?html,css,output

allan

Because of the floats you've used, you just need to put the length element before the table information element: http://jsbin.com/rayujalacu/edit?html,output .

It doesn't work so well with a responsive display, but you could add some Bootstrap code to address that if you need it.

Allan

kulkarni_ash

Allan, Thanks for the response, this works fine, How can i add some padding between pagination and information, they are stuck very close.
Also is there a way to change that previous and next to icons showing next and previous?

allan

How can i add some padding between pagination and information, they are stuck very close.

I would suggest right clicking on the element and select "Inspect" so you can see the DOM structure used. Then you can create a CSS rule to add the padding you want.

Also is there a way to change that previous and next to icons showing next and previous?

You can use language.paginate.next and language.paginate.previous to change the string - for example use ←. Or use CSS.

Allan