Angular - Datatable defaultContent

Question

I create a datatable in angular with help of this package. I want to full empty colums with "-".

Suppose that i have a datatable like this

I want to detect empty columns and fill it with default content. I found defaultContent property but doesn´t work.

So the question is: Using this package how can i fill it empty columns with "-" string?

UPDATE: Add defaultContent. No works.

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

can you show what you have tried so far?

Mustahsan
– Mustahsan

2019-09-03 07:35:48 +00:00
Commented Sep 3, 2019 at 7:35 — Mustahsan
– Mustahsan, Commented Sep 3, 2019 at 7:35
Question updated.

El Hombre Sin Nombre
– El Hombre Sin Nombre

2019-09-03 07:39:52 +00:00
Commented Sep 3, 2019 at 7:39 — El Hombre Sin Nombre
– El Hombre Sin Nombre, Commented Sep 3, 2019 at 7:39

Mustahsan · Accepted Answer · 2019-09-03 08:04:20Z

2

You can simply use || Operator for this purpose, no need for any other library

e.g:

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

Here it will check if person dont has the specific attribute then it will just show -

OR

You can add columns with defaultContent in your options as:

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

Reference: https://github.com/l-lin/angular-datatables/issues/237

edited Sep 3, 2019 at 8:04

answered Sep 3, 2019 at 7:38

Mustahsan

3,8421 gold badge22 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

El Hombre Sin Nombre Over a year ago

Know this way but i search a more "automatic" way

Mustahsan Over a year ago

actually you have to write these fields manually in html file so whats more effort in putting these || ? i would understand if these were generated automatically

Mustahsan Over a year ago

@ElHombreSinNombre i updated my answer please check

Collectives™ on Stack Overflow

Angular - Datatable defaultContent

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related