Question

我需要动态添加数据表。我可以动态添加一个html表，但是它没有被转换为数据表。

我收到此错误：对象不支持属性或方法'dataTable' 文件：test.html，行：12，列：13

这是测试代码：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da" lang="da">
<head>
    <link rel="stylesheet" type="text/css" href="cdn.datatables.net/1.10.2/css/jquery.dataTables.min.css" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript" language="javascript" src="/script/jquery.dataTables.js"></script>

    <script type="text/javascript">
        jQuery(function () {
            var s = "<table id='example'><thead><tr><th>Sites</th></tr></thead><tbody><tr><td>line1</td></tr><tr><td>line2</td></tr><tr><td>line3</td></tr></tbody></table>"
            $('.add_to_this').append(s);
            $('#example').dataTable();
        });
    </script>
</head>

<body>
    <div class="add_to_this">
        <p>test</p>
    </div>
</body>
</html>

Answer 1

您还需要添加数据表CSS文件。

//cdn.datatables.net/1.10.2/css/jquery.dataTables.min.css

这是一个有效的JS Fiddle

希望这有帮助。

Answer 2

如果包含dataTables css。

，您的代码应该可以正常工作

动态添加jquery数据表

2 个答案: