Edit the style of the buttons

Edit the style of the buttons

afonso21afonso21 Posts: 2Questions: 1Answers: 0
edited March 27 in Free community support

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!

This question has an accepted answers - jump to answer

Answers

  • allanallan Posts: 63,431Questions: 1Answers: 10,457 Site admin
    Answer ✓

    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

  • afonso21afonso21 Posts: 2Questions: 1Answers: 0

    Thank you so much!

Sign In or Register to comment.