Edit the style of the buttons

afonso21

Hello,

Can I edit the style of the, per example, search or page length buttons?
My page length button is too short and the arrow is in between the numbers, i would like to make it longer.
I also woud like to edit the style of the square that displays the page number of the table.

Is there a way to do that?

Thank you!

allan

Sure you can - use a little CSS for it .

The easiest way to see what selectors to use is just to right click on the element you want and then select "Inspect".

For example, to make the paging button round:

div.dt-container div.dt-paging button.dt-paging-button {
  border-radius: 3em;
}

https://live.datatables.net/cecezuso/1/edit

Allan

afonso21

Thank you so much!