Angular 角度-数据表默认内容

Angular 角度-数据表默认内容,angular,Angular,在的帮助下,我在angular中创建了一个数据表。我想用“-”填满空的列 假设我有一个这样的数据表 我想检测空列并用默认内容填充它。我找到了defaultContent属性,但不起作用 所以问题是:使用这个包,我如何用“-”字符串填充它的空列 更新:添加默认内容。没有工作 this.dtOptions = { order: [[0, "desc"]], pagingType: "full_numbers", pageLength: 10, sSc

在的帮助下,我在angular中创建了一个数据表。我想用“-”填满空的列

假设我有一个这样的数据表

我想检测空列并用默认内容填充它。我找到了defaultContent属性,但不起作用

所以问题是:使用这个包,我如何用“-”字符串填充它的空列

更新:添加默认内容。没有工作

this.dtOptions = {
      order: [[0, "desc"]],
      pagingType: "full_numbers",
      pageLength: 10,
      sScrollX: "100%",
      responsive: true,
      processing: true,
      searching: true,
      defaultContent: "-", //I TRY THIS
      language: {...}
}

为此,只需使用
|
操作符,无需任何其他库

e、 g:


参考:

您只需使用
|
操作符即可,无需任何其他库

e、 g:


参考资料:

你能展示你迄今为止的尝试吗?问题已更新。你能展示你迄今为止的尝试吗?问题已更新。知道这种方法,但我搜索一种更“自动”的方法实际上你必须在html文件中手动编写这些字段,那么在放置这些
|
时需要付出更多的努力吗?如果这些是生成的,我会理解的automatically@ElHombreSinNombre我更新了我的答案,请检查了解这种方式,但我搜索的是一种更“自动”的方式。实际上,您必须在html文件中手动编写这些字段,那么在放置这些
|
时需要做些什么呢?如果这些是生成的,我会理解的automatically@ElHombreSinNombre我更新了我的答案,请检查
<tbody>
  <tr *ngFor="let person of persons">
    <td>{{ person.id || '-' }}</td>
    <td>{{ person.firstName || '-' }}</td>
    <td>{{ person.lastName || '-' }}</td>
  </tr>
</tbody>
columns: [
  {
    title: 'ID',
    data: 'id',
    defaultContent: '-'
  },
  {
    title: 'First name',
    data: 'firstName',
    defaultContent: '-'
  },
  {
    title: 'Last name',
    data: 'lastName',
    defaultContent: '-'
  }
]