Solution to the style of the html css pagination

[oranyero]

I spent hours searching how to add my own code and found this solution. I hope it works for someone. :)

options = {
                valueNames: ['id'],
                page: 8,
                pagination: {listClass: 'pagination', item: function(values) {return `<li><a class=''>${values.page}</a></li>`;},}
            };

[EvilDTX91]

Hi!
First of all thank you for the idea!
Sadly this is not worked for me, but i found an easy solution.
Just add a custom CSS class to the element, after you create the list:

var monkeyList = new List('test-list', {
       valueNames: ['name'],
       page: 3,
      pagination: true
     });  
$('li > .page').addClass('page-link');

Give a shot to this if the upper soloution not working for you either, i hope its helped someone with the styling problem.

[grovolis]

I spent hours searching how to add my own code and found this solution. I hope it works for someone. :)

options = {
                valueNames: ['id'],
                page: 8,
                pagination: {listClass: 'pagination', item: function(values) {return `<li><a class=''>${values.page}</a></li>`;},}
            };

This worked fine for me, I had to remove the comma between the last two curly brackets though. Also had to add my classes otherwise it looks like the default styling, making you think it's not working.