_paginator_nav.html.slim

/views/shared/_paginator_nav.html.slim
nav
  ul.pagination
    li.page-item
      a.page-link data-page="#{pagy.prev}" data-reflex="click->TabularReflex#paginate" href="#"  ←
    - pagy.series.each do |item|
      - if item == :gap
        li.page-item.disabled
          a.page-link ...
      - else
        li class=("page-item #{"active" if item.is_a?(String)}") 
          a.page-link data-page=item data-reflex="click->TabularReflex#paginate" href="#" = item
    li.page-item
      a.page-link data-page="#{pagy.next}" data-reflex="click->TabularReflex#paginate" href="#"  →

application.scss

// javascript/stylesheets/applications.scss
body.wait, body.wait * {
  cursor: wait !important;
}

application_controller.js

// javascript/controllers/application_controller.js
import Turbolinks from 'turbolinks'
import { Controller } from 'stimulus'
import StimulusReflex from 'stimulus_reflex'

export default class extends Controller {
  connect () {
    StimulusReflex.register(this)
  }

  beforeReflex (element, reflex) {
    //adding cursor spinner
    document.body.classList.add('wait')
  }

  afterReflex (element, reflex) {
    //some jquery plugins reinitialization
    $('[data-toggle="tooltip"]').tooltip()
    $('[data-toggle="popover"]').popover()
    $("[type='checkbox']").bootstrapSwitch()
    document.querySelectorAll('[data-uppy]').forEach(element => setupUppy(element))
    OverlayScrollbars(document.querySelectorAll(".sidebar"), {})
    //removing spinner
    document.body.classList.remove('wait')
  }
}

categories_controller.rb

# controllers/categories_controller.rb
class CategoriesController < ApplicationController

  before_action :authenticate_user!

  def index

    @page = (session[:page] || 1).to_i

    categories = Category.includes(:products)
    pages = (categories.count / Pagy::VARS[:items].to_f).ceil

    @page = 1 if @page > pages
    @pagy, @categories = pagy(categories, page: @page)
  end
end

index.hmtl.slim

/views/categories/index.html.slim
/...categories table body & paginator partial

tbody
  = render @categories
== render 'shared/paginator_nav', pagy: @pagy if @pagy.pages > 1

tabular_reflex.rb

# reflexes/tabular_reflex.rb
class TabularReflex < ApplicationReflex
  before_reflex :switch_tenant

  def paginate
    session[:page] = element.dataset[:page].to_i
  end

  private

  def switch_tenant
    Apartment::Tenant.switch! tenant
  end
end

@RolandStuder thanks for your answer. Putting jQuery aside, "sometimes" it means that: this is the paginator-> |1| |2| |3| |4| |5| |6| |7| |8| |9| |10|

If i click in the |2| it won't executes afterReflex() wich i need to remove the spinner, but if i click in any other page, then it will. When i click in a page next to the current afterReflex() won't fire, only in those cases it miss the callback. Thats what i mean with "sometimes".

this is the repo: https://github.com/matedemorphy/pixcart-saas

you will need to install and run mailcatcher.

@RolandStuder solved by adding data-id

@matedemorphy Glad you worked it out! Good luck with your further Stimulus Reflex endeavours!