jquery - $(...).DataTable(...).fnAddData 不是函数

Question

我在控制台中有一个错误提示fnAddData is not a function，但我的应用程序有效。

就在之前，我遇到了错误fnClearTable is not a function，所以我搜索并用 clear() 替换了它，所以错误消失了。但是现在有这个错误fnAddData。

我搜了没找到，好像是个不常见的错误。

这是我使用的地方fnAddData：

var newRow = $('#tabBrouillon').DataTable().fnAddData([
    dataTab[i+3],
    dataTab[i+4],
    dataTab[i+5],
    dataTab[i+6],
    img,
])

是否有可以替代此功能或其他功能来解决此错误？

谢谢

标签： jquerydatatables

Answer 1

D原因是函数中的大写字母DataTable()。

只需将其更改为dataTable().

$('#tabBrouillon').dataTable().fnAddData([
  1,
  2,
  3,
  4,
  5,
]);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdn.datatables.net/1.10.4/js/jquery.dataTables.min.js"></script>
<link href="//cdn.datatables.net/1.10.4/css/jquery.dataTables.min.css" rel="stylesheet" />

<table id="tabBrouillon" style="width:100%">
  <thead>
    <tr>
      <th>Name</th>
      <th>Position</th>
      <th>Office</th>
      <th>Age</th>
      <th>Start date</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Tiger Nixon</td>
      <td>System Architect</td>
      <td>Edinburgh</td>
      <td>61</td>
      <td>2011/04/25</td>
    </tr>
    <tr>
      <td>Garrett Winters</td>
      <td>Accountant</td>
      <td>Tokyo</td>
      <td>63</td>
      <td>2011/07/25</td>
    </tr>
    <tr>
      <td>Ashton Cox</td>
      <td>Junior Technical Author</td>
      <td>San Francisco</td>
      <td>66</td>
      <td>2009/01/12</td>
    </tr>
    <tr>
      <td>Cedric Kelly</td>
      <td>Senior Javascript Developer</td>
      <td>Edinburgh</td>
      <td>22</td>
      <td>2012/03/29</td>
    </tr>
    <tr>
      <td>Airi Satou</td>
      <td>Accountant</td>
      <td>Tokyo</td>
      <td>33</td>
      <td>2008/11/28</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <th>Name</th>
      <th>Position</th>
      <th>Office</th>
      <th>Age</th>
      <th>Start date</th>
    </tr>
  </tfoot>
</table>