Как реализовать каминари для list.js

Question

Я хочу переопределить нумерацию страниц из list.js с помощью kaminari.Есть ли способ сделать это, чтобы поисковая система из list.js все еще работала?Основная причина, по которой я хочу это сделать, заключается в том, что мне нужно больше стилей, см. Вопрос, который я задал ранее Как переопределить нумерацию list.js .Я уже установил каминари.Если есть другой способ переопределить list.js (чтобы лучше его стилизовать), но сохранить его функциональность, я хотел бы услышать его.

Это код из строки поиска, который использует list.js:

<div class="music_header" id="test-list">
  <div class="row">
    <div class="col-sm-4">
      <div class="music-description">
        <h1>Mijn Muziek</h1>
      </div>
    </div>
    <div class="col-sm-8">
      <div class="d-flex justify-content-center">
        <div class="searchbar">
          <input class="fuzzy-search" id="myInput" type="text" placeholder="Zoeken" >

        <a href="#" class="search_icon"><i class="fas fa-search fa-lg"></i></a>
        </div>
      </div> 
    </div> 
  </div>  
  <div class="my_music_new">
    <%if logged_in?(:site_admin)%> 
      <%= link_to 'Nieuw', new_my_music_path %>
    <% end %>
  </div>     
  <div class="list">
    <%= render @my_musics %>
  </div>
  <div class="pag_card">
    <div classs="card">
      <ul class="pagination"></ul>
    </div> 
  </div>
</div>
<script>
  var monkeyList = new List('test-list', {
  valueNames: ['name'],
  page: 5,
  pagination: true
});
</script>