Jquery 手动删除/添加DataTable中的行

从昨天起我就一直在努力想办法解决这个问题，但我所做的一切都不管用

我有一个使用DataTables（DataTables.net）的表。它要求以编程方式清除所有行，然后根据其他表单字段中的用户输入数据添加新行。页面使用Ajax为表获取新数据，但数据需要定制，因此我无法直接使用返回的JSON

最初，页面会为

加载此HTML：

<table id="outputtable" class="stripe hover compact order-column">
    <thead>
        <tr>
            <th class="text-center"></th>
            <th class="text-center"></th>
            <th class="text-center"></th>
        </tr>
    </thead>

    <tbody>
        <tr>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </tbody>
</table>

由于

oTable

是全局的，并且在

（document）.ready（）

中初始化，因此它应该在整个jQuery中都可用。由于某些原因，我无法删除所有现有行或添加新行。单击

#btnRate

按钮后，将触发单击事件，执行每行代码，但不会对可输出的

进行任何更改，也不会引发错误

上面的数据只是我一直在努力工作的一个例子。一旦我得到了这个例子，我将处理真实的数据。有人看到我做错了什么吗？
我不确定初始化是否返回对数据表的引用。

但是为什么不使用选择器来获取对JQuery对象的引用呢

请看这里的“”

或

或

是我做的一个JSFIDLE示例。
我不确定初始化是否返回对Datatable的引用。

但是为什么不使用选择器来获取对JQuery对象的引用呢

请看这里的“”

或

或

是我做的一个JSFIDLE示例。
我不确定初始化是否返回对Datatable的引用。

但是为什么不使用选择器来获取对JQuery对象的引用呢

请看这里的“”

或

或

是我做的一个JSFIDLE示例。
我不确定初始化是否返回对Datatable的引用。

但是为什么不使用选择器来获取对JQuery对象的引用呢

请看这里的“”

或

或

是我做的一个JSFIDLE示例。
1。要一次添加多行，需要使用
rows.add（）
而不是
row.add（）

2.
fnClearTable
不再是数据表的功能。看

3.您的表未设置为使用对象数据，因此不要传入对象，而是传入数组

oTable.rows.add([
    ["Tiger Nixon", "System Architect", "$3,120"],
    ["Garrett Winters", "Director", "$5,300"],
]).draw();

1.要一次添加多行，需要使用
rows.add（）
而不是
row.add（）

2.
fnClearTable
不再是数据表的功能。看

3.您的表未设置为使用对象数据，因此不要传入对象，而是传入数组

oTable.rows.add([
    ["Tiger Nixon", "System Architect", "$3,120"],
    ["Garrett Winters", "Director", "$5,300"],
]).draw();

1.要一次添加多行，需要使用
rows.add（）
而不是
row.add（）

2.
fnClearTable
不再是数据表的功能。看

3.您的表未设置为使用对象数据，因此不要传入对象，而是传入数组

oTable.rows.add([
    ["Tiger Nixon", "System Architect", "$3,120"],
    ["Garrett Winters", "Director", "$5,300"],
]).draw();

1.要一次添加多行，需要使用
rows.add（）
而不是
row.add（）

2.
fnClearTable
不再是数据表的功能。看

3.您的表未设置为使用对象数据，因此不要传入对象，而是传入数组

oTable.rows.add([
    ["Tiger Nixon", "System Architect", "$3,120"],
    ["Garrett Winters", "Director", "$5,300"],
]).draw();

要删除数据表中的所有现有行，可以使用

oTable.clear();

和添加新行

oTable.rows.add(['aaa', 'bbb', 'ccc'],
                ['ddd', 'eee', 'fff']
);

并反映使用的变化

oTable.draw();

要删除数据表中的所有现有行，可以使用

oTable.clear();

和添加新行

oTable.rows.add(['aaa', 'bbb', 'ccc'],
                ['ddd', 'eee', 'fff']
);

并反映使用的变化

oTable.draw();

要删除数据表中的所有现有行，可以使用

oTable.clear();

和添加新行

oTable.rows.add(['aaa', 'bbb', 'ccc'],
                ['ddd', 'eee', 'fff']
);

并反映使用的变化

oTable.draw();

要删除数据表中的所有现有行，可以使用

oTable.clear();

和添加新行

oTable.rows.add(['aaa', 'bbb', 'ccc'],
                ['ddd', 'eee', 'fff']
);

并反映使用的变化

oTable.draw();

您的JSFIDLE链接正确吗？我不知道它是如何应用的因此，我应该能够使用上面的建议获取对DataTable（）的引用，但我仍然没有将新行添加到表中：（我也试图修改您的JSFIDLE，但无法添加行。我在datatables.net上到处都能看到示例，但它们对我都不起作用。您的JSFIDLE链接正确吗？我不确定它是如何应用的。；）所以应该能够获得对DataTable（）的引用根据上面的建议，但我仍然无法将新行添加到表中：（我也尝试过修改JSFIDLE，但无法添加行。我在datatables.net上到处都看到了示例，但它们对我都不起作用。您的jsfiddle链接正确吗？我不确定它是如何应用的。）因此，我应该能够使用上面的建议获取对DataTable（）的引用，但我仍然没有将新行添加到表中：（我也试图修改您的JSFIDLE，但无法添加行。我在datatables.net上到处都能看到示例，但它们对我都不起作用。您的JSFIDLE链接正确吗？我不确定它是如何应用的。；）所以应该能够获得对DataTable（）的引用根据上述建议，但我仍然没有将新行添加到表中：（我也尝试过修改您的JSFIDLE，但无法添加行。我在datatables.net上到处都看到了示例，但它们对我都不起作用。我尝试了row.add和row.add。后者对我来说似乎不正确，但这正是datatables.net上的示例所显示的。稍后我将尝试您的建议。）晚上好。谢谢！是的，我注意到docs示例中的rows.add（）有一个拼写错误，上面写着row.add，但应该是rows.add。addI尝试了rows.add和row.add。后者对我来说似乎不正确，但这正是datatables.net上的示例所显示的内容。今晚晚些时候我将尝试您的建议。谢谢！是的，我注意到了rows.add（）在docs示例中，有一个输入错误，它是row.add，但应该是rows.add。addI尝试了rows.add和row.add。后者对我来说似乎不正确，但这正是datatables.net上的示例所显示的。今晚晚些时候我将尝试您的建议。谢谢！是的，我注意到docs示例中的rows.add（）