gpt4 book ai didi

javascript - DataTables 无法添加行

转载 作者:塔克拉玛干 更新时间:2023-11-02 20:44:47 25 4
gpt4 key购买 nike

我正在尝试通过 JavaScript 将数据动态添加到表中,它返回以下内容:

未捕获的类型错误:无法读取未定义的属性“添加”。

编辑:代码在没有 row.add 行的情况下也能完美运行。

相关代码:

<html>
<head>
<link rel="stylesheet" type="text/css" href="./css/jquery.dataTables.min.css">

<script type="text/javascript" src="./lib/jquery.min.js"></script>
<script type="text/javascript" src="./lib/jquery.dataTables.min.js"></script>

<script>
var dataSet = [
['1.1','2.1'],
['1.2','2.2'],
];

$(document).ready(function() {
$('#demo').html( '<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"></table>' );
t = $('#example').dataTable(
{
data: dataSet,
columns: [
{ "title": "Col 1" },
{ "title": "Col 2" },
],
});

t.row.add(['1.3', '2.3']) // <-- Fails
});
</script>
</head>

<body>
<div id="demo" style="width:500px"> </div>
</body>
</html>

最佳答案

你们很亲近。这是我对您的代码所做的更改:

一个。初始化DataTable时,使用了大写的D。b.使用.draw();同时添加行。

var dataSet = [
['1.1','2.1'],
['1.2','2.2']
];

$(document).ready(function() {
$('#demo').html('<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"></table>');

var t = $('#example').DataTable({
data: dataSet,
columns: [
{ "title": "Col 1" },
{ "title": "Col 2" }
]
});

t.row.add(['1.3', '2.3']).draw();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link href="//cdn.datatables.net/1.10.7/css/jquery.dataTables.min.css" rel="stylesheet"/>
<script src="//cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script>

<div id="demo" style="width:500px"></div>

关于javascript - DataTables 无法添加行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31366065/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com