Как я могу динамически изменять значение inner_window для will_paginate в зависимости от размера окна

Question

• 1000 window, поэтому я хотел настроить значение inner_window, например, от 4 до 1, если размер окна небольшой. Однако приведенный ниже код не работал. (журнал consol сказал, что "не удалось найти атрибут" inner_window ")

Возможно ли, что я могу иметь какую-то переменную вместо значения '4' и изменять ее в зависимости от размера окна? В противном случае любые предложения приветствуются.

это мой код в индексе. html .erb

<%= will_paginate @pokemons, renderer: WillPaginate::ActionView::BootstrapLinkRenderer, inner_window: 4, id: "pokemon-page" %>

это мой код в приложении. js

  window.addEventListener('resize', () => {
    console.log('window.innerWidth:', window.innerWidth)
    if (window.innerWidth < 576) {
      this.getElementById('pokemon-page').setAttribute("inner_window", 1);
    }
    else {
      this.getElementById('pokemon-page').setAttribute("inner_window", 4);
    }
  });