jQuery datatable踩坑之使用API报错XX.draw() is not a function

众所周之datatable的使用方法，这里不做赘述

js代码

that.table = $('#departmentListTable').dataTable(configData);

html代码

    <div>
      <table id="departmentListTable" border="0" cellpadding="0" cellspacing="0" class="kt-datatable ellipsis"
        width="100%">
        <thead>
          <tr>
            <th width="7%">操作</th>
            <th width="7%">编号</th>
            <th width="7%">姓名</th>
            <th width="7%">性别</th>
            <th width="7%">年龄</th>
            <th width="7%">手机号</th>
            <th width="7%">职务</th>
            <th width="7%">入职日期</th>
            <th width="7%">骨干员工</th>
            <th width="7%">备注</th>
          </tr>
        </thead>
        <tbody>
        </tbody>
      </table>
    </div>

把一个普通的table变成功能强大的datatable。此时没有任何问题，也没有任何报错。直到我使用了datatable的api。

实际上使用任何一个API都会报错，这里以重绘表格draw()为例

that.table.draw()

此时控制台报错

此时把初始化datatable的代码改成如下即可解决

that.table = $('#departmentListTable').DataTable(configData);

官方文档解释如下

更改之前代码

that.table = $('#departmentListTable').dataTable(configData);

更改之后

that.table = $('#departmentListTable').DataTable(configData);

手动微笑.JPG