How to use a DataTable with an array of objects?

Question

I'm trying to use the property "data" to show my data in the table, but the table doesn't works. I made a test using a local array of strings and works very well, I don't know why with an object the table doesn't works

ngAfterViewInit() {

  this.listarNotificacao()

  $('#datatables').DataTable({
    "pagingType": "full_numbers",
    "lengthMenu": [
      [10, 25, 50, -1],
      [10, 25, 50, "All"]
    ],
    lengthChange: false,
    responsive: true,
    searching: true,
    data: this.notificacoes,
    columns: [{
        data: 'guidNotificacao'
      },
      {
        data: 'titulo'
      },
      {
        data: 'descricao'
      },
      {
        data: 'escopo'
      },
    ],
    language: {
      search: "_INPUT_",
      searchPlaceholder: "Pesquisar promoções",
      },
    }

  });

  const table = $('#datatables').DataTable();

  $('#inputSearch').on('keyup', function() {
    table.search(this.value).draw();
  });
}

<div class="material-datatables">
  <table id="datatables" class="table  table-no-bordered " cellspacing="0" width="100%" style="width:100%">
    <thead>
      <tr>
        <th>#</th>
        <th>Título</th>
        <th>Descrição</th>
        <th>Escopo</th>
      </tr>
    </thead>
  </table>
</div>

const table = $('#datatables').DataTable(); does not need to be there. Assign table the previous datatable object you built. — nll_ptr
– nll_ptr, Commented Jan 29, 2020 at 17:46
You're instantiating your datatable twice, as @nullptr.t says. — Marc
– Marc, Commented Jan 29, 2020 at 17:51

Phaelax · Accepted Answer · 2020-01-29 17:49:34Z

1

You have a typo in your datatable initialization. There's an extra curly brace after language. If you look at your browser's dev console, it would have told you this.

answered Jan 29, 2020 at 17:49

Phaelax

2,0542 gold badges11 silver badges26 bronze badges

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

Collectives™ on Stack Overflow

How to use a DataTable with an array of objects?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related