jquery数据表-未捕获的类型错误:无法读取未定义的属性(读取"length")

rryofs0p  于 2023-03-01  发布在  jQuery
关注(0)|答案(2)|浏览(117)

我在Jquery Datatable上遇到了以下未定义的错误(阅读'length')。
我正在动态生成表。

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表。
谁能给我指一下正确的方向?

1qczuiv0

1qczuiv01#

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

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

scyqe7ek2#

所以我发现了这个问题。基本上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}

相关问题