如何从HTML源刷新/重新加载DataTable

Question

我正在使用BackboneJS用多个数据源填充表。您无需了解Backbone即可解决此问题，因为该问题主要是DataTables问题。

我在首次呈现“集合视图”时初始化我的数据表。

我的问题是我不知道如何在每个ajax请求之后告诉DataTables如何从DOM重新加载其数据。关于如何执行此操作的任何想法？

另一个示例是在为每一行加载一些数据然后进行相应更新时（由主干视图完成）。但是我需要让Datatables知道DOM表已更改。

更改表的示例：

<table>
  <thead>...</thead>
  <tbody>
    <tr>
        <td>Some Data</td>
        <td>Some Data2</td>
        <td>Loading...</td>
    </tr>
    ...
  </tbody>
</table>

至：

<table>
  <thead>...</thead>
  <tbody>
    <tr>
        <td>Some Data</td>
        <td>Some Data2</td>
        <td data-order="5" data-search="5"><span class="some_classes">5</span></td>
   </tr>
      ...
  </tbody>
</table>

任何帮助将不胜感激。

Answer 1

使用rows().invalidate()无效的数据表选定行保存的数据。

例如，要使用原始数据源使所有行无效：

var table = $('#example').DataTable();

table
    .rows()
    .invalidate()
    .draw();

请注意，这draw()会将表格重置为第一页。要保留页面，请draw(false)改用。