如何在dataTable现有列中添加静态数据列

如何解决如何在dataTable现有列中添加静态数据列

像 API 这样的要求提供了几列数据，我需要添加一些静态数据列。有什么方法可以添加几列动态传递如下{ data: this.test1 },{ data: this.test2 }。我尝试添加两列但无法获取数据，获取空白单元格。

  constructor(private http: HttpClient) {}
   public test1 =123;
   public test2 =234;

初始化：

this.dtOptions = {
  pagingType: "full_numbers",pageLength: 10,scrollCollapse: true,processing: true,destroy: true,scrollY:'50vh',columns: [
    { title: '<input type="checkBox" />' },{ data: "index" },{ data: "firstname" },{ data: "lastname" },{ data: this.test1 },{ data: this.test2 }
  ],

Stackblitz

解决方法

您可以将 data 设置为 null，然后使用 defaultContent 选项。

在列定义中硬编码：

{ title: "Hard-Coded Data",data: null,defaultContent: "foo" }

类似，但使用 JavaScript 变量 - 例如，var bar = 'baz';：

{ title: "Hard-Coded Data",defaultContent: bar }