javascript - How to refresh Datatable data from js array of objects - Stack Overflow

admin管理员组

文章数量:1346047

I'm using the jquery DataTables plugin to display an array of objects. I would like to clear the table and redraw using the changed data. However, the only way I've been able to do that so far is to destroy the table and reinitialize. I'd like to know if there is a simple way to refresh from JS data source. This is what I'm doing, it works but feels wrong...

if (NAMESPACE.table){
  NAMESPACE.table.destroy();
}

NAMESPACE.table = $('#assets-table').DataTable({
  "data": filteredData,
  "columns": [
      { "data": "id" },
      { "data": "type" },
      { "data": "city" },
      { "data": "state"}
  ]
 });

I'm using the jquery DataTables plugin to display an array of objects. I would like to clear the table and redraw using the changed data. However, the only way I've been able to do that so far is to destroy the table and reinitialize. I'd like to know if there is a simple way to refresh from JS data source. This is what I'm doing, it works but feels wrong...

if (NAMESPACE.table){
  NAMESPACE.table.destroy();
}

NAMESPACE.table = $('#assets-table').DataTable({
  "data": filteredData,
  "columns": [
      { "data": "id" },
      { "data": "type" },
      { "data": "city" },
      { "data": "state"}
  ]
 });

• javascript
• jquery
• datatables

Share Improve this question Follow asked Oct 27, 2014 at 15:54 GregismGregism 39255 silver badges1111 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 6

if you want to clear the data present in dataTable simply call table.clear() it clears all cells in table.

and then add new data using table.row.add().draw();

table.destroy() does not removes data present in cell of table, it only destroys the current instance of dataTable you created.

Make it simpler:

NAMESPACE.table = $('#assets-table').DataTable({
  "data": filteredData,
  "columns": [
      { "data": "id" },
      { "data": "type" },
      { "data": "city" },
      { "data": "state"}
  ],
 "destroy": true
 });

本文标签： javascriptHow to refresh Datatable data from js array of objectsStack Overflow