Is there any event fired when the table changes contents (page change or sorting)?

[agargara]

I need to run some code which relies on the contents of the table after it changes the displayed contents, for example after sorting or changing the page. It would be great if there was some event fired after this event, but since there isn't, my current workaround is to bind an event to clicking the sort or page buttons.

There are two problems with this:

1. Click event doesn't fire when clicking the sort buttons, unless you set pointer-events: none
2. Running the code immediately after clicking doesn't work, because the table takes time to update. I tried binding to the grid's on('ready') event, but this doesn't seem to fire when sorting or changing the page. My current hacky workaround is to set a timeout for 20ms to give the table time to update, but this is not ideal.

    /* Add event listeners for page change, sorting columns */
    document.querySelectorAll('th, .gridjs-pages').forEach((el)=>{
        el.addEventListener('click', (e)=>{
            window.setTimeout(myFunction, 20)
        })
    })