refresh current visible table when tab opened (add to page settings > custom code > footer scripts)

footer-scripts.html

<script>
  
document.addEventListener("DOMContentLoaded",function(e){
  
  const tabs = document.getElementById('brxe-rogmaw');
  
  if (tabs) {

    tabs.addEventListener("x_tabs:switch", () => {
     
      const element = tabs.querySelector('.x-tabs_panel-current .brxe-xdynamictable')
      const identifier = element.getAttribute('data-x-id')
      const instance = xTable.Instances[identifier]
      const columns = xTable.Columns[identifier]
      const data = xTable.Data[identifier]

      if (!instance || !columns || !data) {
          return
      }

      let newconfig = {
          columns: columns,
          data: data
        }

       instance.updateConfig(newconfig).forceRender();
      
    });
    
    }
    
});
  
</script>