Angular-数据表defaultContent

Question

我借助this package创建了一个成角度的数据表。我想用“-”填充空的列。

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

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

所以问题是：使用此程序包如何用“-”字符串填充空白列？

更新：添加defaultContent。没有作品。

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

Answer 1

为此，您可以简单地使用||运算符，而无需任何其他库

例如：

<tbody>
  <tr *ngFor="let person of persons">
    <td>{{ person.id || '-' }}</td>
    <td>{{ person.firstName || '-' }}</td>
    <td>{{ person.lastName || '-' }}</td>
  </tr>
</tbody>

此处将检查人员是否没有特定属性，然后仅显示-

OR

您可以在选项中将columns与defaultContent添加为：

columns: [
  {
    title: 'ID',
    data: 'id',
    defaultContent: '-'
  },
  {
    title: 'First name',
    data: 'firstName',
    defaultContent: '-'
  },
  {
    title: 'Last name',
    data: 'lastName',
    defaultContent: '-'
  }
]

参考：https://github.com/l-lin/angular-datatables/issues/237