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,
])

有没有可以代替此功能或类似功能的功能来解决此错误？

谢谢

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>

$（...）。DataTable（...）。fnAddData不是函数

1 个答案: