使用javascript创建的表格无法正确显示Datable

时间:2018-11-14 01:22:08

标签: javascript datatables

我有一张桌子

<table class="display" id="tbl">
            </table>

使用javascript,我创建了一个字符串数据,然后使用了

$('#tbl').append(data);

之后我正在使用

$('#tbl').DataTable();

使表格成为数据表。

该表的所有html均正确。它在桌子上做了一些格式化,但是看起来不一样,没有分页或显示一定数量条目的功能。

我在控制台中收到这些错误:

    jQuery.Deferred exception: e[i] is undefined X@https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js:66:150
wa@https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js:70:284
e@https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js:91:115
n/<@https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js:93:118
each@https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js:2:2813
each@https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js:2:1001
n@https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js:83:194
h.fn.DataTable@https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js:165:488
@file:///Users/Samprit/Documents/jsontable/employees.html:86:23
j@https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js:2:29566
g/</k<@https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js:2:29882
undefined

TypeError: e[i] is undefined

1 个答案:

答案 0 :(得分:0)

解决了此问题。

$('#tbl').DataTable();

必须在加载表之后完成。因此,将其添加到函数中并称为函数,就可以解决此问题。