Answers

• colin Posts: 15,240Questions: 1Answers: 2,599

  January 2023

  The first example in the post you linked to has that (use <button> elements) - it's this one here: http://live.datatables.net/kayiwoba/1/edit

  You could use that plugin code as the basis for your changes,

  Colin
• codingismypassion Posts: 2Questions: 1Answers: 0

  January 2023

  @colin I don't quite get it, as I can see that in the example, the paging numbers are indeed buttons instead of links, but how do I change it? I'm unsure as to which part of the plugin JS code I should be including to achieve the <button>
• colin Posts: 15,240Questions: 1Answers: 2,599

  January 2023

  If you search for the lines

  if ( btnDisplay !== null ) {
      node = $('<button>', {
          'class': classes.sPageButton+' '+btnClass,
  

  you'll see where the button is being created. You'll need to modify it around there,

  Colin
• allan Posts: 63,498Questions: 1Answers: 10,470 Site admin

  January 2023

  I've gone ahead and made a little tweak to DataTables to add a new pagingTag option which can be used to set the element that can be used.

  Use:

  new DataTable('#myTable', {
    pagingTag: 'button'
  });
  

  http://live.datatables.net/xoqebozi/1/edit

  The nightly has this change now and I'll do a release with the change soon.

  This new option is just temporary until DataTables 2 is available (ETA - currently unknown!) at which point it will have no effect (button will be used).

  Allan