Angulardatatable的重新渲染在表格中生成重复项,重复项在页面刷新后消失。
创始人
2024-10-24 00:32:08
0

可以在调用rerender方法之前清空表格数据。以下是一个示例代码:

import { Component, OnInit, ViewChild } from '@angular/core';
import { DataTableDirective } from 'angular-datatables';
import { Subject } from 'rxjs';

@Component({
  selector: 'app-table',
  templateUrl: './table.component.html',
  styleUrls: ['./table.component.css']
})
export class TableComponent implements OnInit {
  
  @ViewChild(DataTableDirective) datatableElement: DataTableDirective;
  dtOptions: DataTables.Settings = {};
  dtTrigger: Subject = new Subject();

  constructor() { }

  ngOnInit() {
    this.dtOptions = {
      // DataTables options
    };
  }

  rerender() {
    // 清空表格内数据
    this.dtTrigger.next();
    this.datatableElement.dtInstance.then((dtInstance: DataTables.Api) => {
      dtInstance.destroy();
      this.dtTrigger.next();
    });
  }
}

相关内容

热门资讯

透视讲解(wepokeai代打... 透视讲解(wepokeai代打)德州ai人工智能软件下载(详细辅助透视教程)本来真的是有挂是一款可以...
wepoke确实有挂!wepo... wepoke确实有挂!wepoke真的有挂嘛,(wepOkE)都是存在有挂(详细辅助2025新版教程...
透视计算(wepoke有没有挂... 1、透视计算(wepoke有没有挂)wepower伙牌(详细辅助安装教程)果然是真的有挂;该软件可以...
wepoke计算辅助!impo... 【福星临门,好运相随】;wepoke计算辅助!impoker有挂吗,(wPK)都是真的有挂(详细透视...
透视ai(德州ai辅助软件)w... 透视ai(德州ai辅助软件)wpk微扑克辅助是真的吗(详细辅助高科技教程)原本是有挂;小薇(透视辅助...
辅助透视(wpk德州透视辅助)... 1、辅助透视(wpk德州透视辅助)wpk被系统针对(详细辅助高科技教程)果然真的是有挂;代表性(透视...
wpk透明挂!微扑克有挂,(w... 这是一款非常优秀的wpk透明挂 ia辅助检测软件,能够让你了解到wpk透明挂中牌率当中全部隐藏参数,...
透视有挂(微扑克辅助器ios)... 透视有挂(微扑克辅助器ios)cloud辅助(详细辅助透视教程)往昔存在有挂1、打开德州poker外...
aapoker猫腻!wpk外挂... aapoker猫腻!wpk外挂是真的还是,(WePoke)真是真的是有挂(详细辅助高科技教程);aa...
透视智能ai(aapoker辅... 透视智能ai(aapoker辅助工具)wepoke有机器人吗(详细辅助曝光教程)总是真的是有挂;小薇...