Question

jquery 数据表-未捕获的类型错误：无法读取未定义的属性（读取‘长度’）

2023-02-24

506

javascript jquery datatables-1.10

我在 Jquery Datatable 上遇到以下未定义（读取“长度”）错误。

我正在动态生成表格。

table#myTable.table.is-fullwidth
            thead
                tr
                    each column in tableColumns
                        th
                            p #{column}   
            tbody
                each row in tableResults
                    tr
                    each data in row
                        td
                            p #{data}

并以此方式调用 javascript。

script.
        $(function() {
            $('#myTable').DataTable();
        });

我正在尝试将一些分页和排序功能放入 html 表格中。

有人能给我指出正确的方向吗？

Answer 1

需要在文档完全加载后初始化 DataTable 插件

<script>
$(document).ready(function() {
  $('#myTable').DataTable();
});
</script>

Answer 2

所以我找到了这个问题。基本上，DOM 的格式不正确，对于其他遇到此错误的人来说：

无法读取未定义的属性“length”（HTML DOM 源）
dataTables.min.js:37

请检查您的 HTML DOM。希望这能帮助遇到此问题的其他人。

以下是我要呈现的 HTML 的更新版本，我必须为以下行提供更多缩进：这是用 PUG / Jade 编写的。

each data in row

table#myTable.table.is-fullwidth
            thead
                each column in tableColumns
                    th #{column}   
            tbody
                each row in tableResults
                    tr
                        each data in row
                            td #{data}