Refre sh только данные JQuery Datatable в Typescript - PullRequest
0 голосов
/ 05 мая 2020

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

Я использую несколько таблиц данных в одном пользовательском интерфейсе. Ниже приведен код функции рендеринга:

TS:

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.rerenderSelectedTable('table1', this.dtTrigger);

this.rerenderSelectedTable('table2', this.dtTrigger2);

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

Пожалуйста, предложите возможное решение при первой же возможности.

Большое спасибо. Спасибо

...