Javascript не загружается после перезагрузки визуала с новыми данными

Question

Я создаю собственный стиль для данных Arcadia (BI Tool). Я заметил, что после того, как я попытался развернуть столбец таблицы или перейти на страницу 2 таблицы, он вернется к своей исходной таблице стилей, и мой пользовательский js перестанет работать.

Например, у меня есть 3 таблицы на странице

    <div>
    .. table 1 ..
    </div>
    <div>
    table 2 ..
    </div>
    <div>
    table 3 ..
    </div>

после загрузки страницы все пользовательские стили / js прекращают работу. В сценарии, где таблица 2 состоит из 10 страниц, 10 данных загружаются на страницу. как только я нажимаю на следующую страницу, когда данные загружаются, моя js останавливается.

Я попробовал document.ready, предотвращение по умолчанию. Все попытки не удалось запустить огонь js после загрузки данных.

f.afterDraw = function () {
 const evt = d3.selectAll("#" + arcapi.chartId() + " span.crosstab-expand")      

  evt.on("click", function(e) {
      console.log('click')
  });   

 };

Это пример структуры кода. Что мне нужно включить в мой код, чтобы заставить js срабатывать при загрузке новых данных?

я понял что было вызвано ajax для вызова данных и перезагрузки их в таблицу. перешел к chrome режим разработчика> сеть> xhr и понял, что был ответ.

Итак, я предполагаю, что после создания ajax все пользовательские js исчезли

Обновление

Я пытался сделать

 $( document ).ajaxComplete(function() {
       // chChange.style('background','red')
      let b = d3.selectAll("#" + arcapi.chartId() + " td.viz-td- header").append('div').attr('class','roger').text("test")
        console.log('data fired')

      });

, когда данные перезагружаются или ajax завершено, он запускает журнал «данные сгенерированы». но div, который я добавил с текстом «test», исчезнет.