Эффект отрывистых таблиц в jQuery Таблица данных при перезагрузке данных в Angular

Question

У меня небольшая проблема с резким эффектом jQuery таблиц данных при перезагрузке данных. Пожалуйста, ознакомьтесь с приведенной ниже ссылкой на видео.

https://youtu.be/lISILEpZU14

Это показывает небольшой рывковый эффект при каждом обновлении данных в таблице. Пожалуйста, проверьте мою функцию рендера ниже. Я использую несколько таблиц данных в одном пользовательском интерфейсе, поэтому я обновил функцию рендеринга следующим образом.

    rerenderSelectedTable(tableId = '', dtTrig?: any): void {
        this.datatableElements.forEach((dtElement: DataTableDirective) => {
          dtElement.dtInstance.then((dtInstance: any) => {
            if(tableId == ''){
              dtInstance.destroy();
            } else if(dtInstance.table().node().id == tableId){
              dtInstance.destroy();
            }
          });
        });
        if(dtTrig == undefined){
          this.dtTrigger.next();
          this.dtTrigger2.next();
          this.dtTrigger3.next();
        } else {
          dtTrig.next();
          //this.setupDatatableDependency(tableId) 
        }
    }

Ниже приведен код, в котором я инициализирую параметры данных

        this.dtOptions = {
            pagingType: 'full_numbers',
            pageLength: 10,
            language: {
              processing: "Elaborazione...",
              search: "Cerca:",
              lengthMenu: "Visualizza _MENU_ elementi",
              info: "Vista da _START_ a _END_ di _TOTAL_ elementi",
              infoEmpty: "Vista da 0 a 0 di 0 elementi",
              infoFiltered: "(filtrati da _MAX_ elementi totali)",
              infoPostFix: "",
              loadingRecords: "Caricamento...",
              zeroRecords: "La ricerca non ha portato alcun risultato.",
              emptyTable: "Nessun dato presente nella tabella.",
              paginate: {
                first: "Primo",
                previous: "Precedente",
                next: "Seguente",
                last: "Ultimo"
              },
              aria: {
                sortAscending: ": attiva per ordinare la colonna in ordine crescente",
                sortDescending: ":attiva per ordinare la colonna in ordine decrescente"
              }
            },
            destroy:true
        };

Я могу обновить sh только столбцы или строки таблицы вместо перезагрузки всей таблицы, чтобы избежать этого сценария. Если какая-то анимация может быть полезна, чтобы избавиться от такого резкого поведения, дайте мне знать также. Любая помощь будет высоко оценена.

Спасибо