数据表.row()未定义

我想通过简单地点击相关的按钮删除行.. 数据表是有效的,我可以使用一些基本的function,如数据中的排序和搜索 ,但当我点击按钮它只是简单地说未定义的错误:

为了您的信息,我使用datatable 1.10和jquery 1.10.2 在此处输入图像描述

代码:

Video ID Filename Action
1 ABCD
Video ID Filename Action
var table = $('#table').dataTable( {} ); $('#table tbody').on('click',"input[type='button']",function() { table .row( $(this).parents('tr') )** .remove() .draw(); });

它不起作用,因为dataTable()构造函数和1.10.x中引入的DataTable()构造函数之间存在巨大差异( 请参阅docs ):

两者之间的区别在于第一个将返回一个jQuery对象,而第二个返回一个DataTables API实例。

简单地改变

 var table = $('#table').dataTable( {} ); 

 var table = $('#table').DataTable( {} ); 

如果你想通过table变量处理新的dataTables API。
看你的代码工作 – > http://jsfiddle.net/Sd6UQ/

注意:记得使用

.. 并正确关闭

。 dataTables可能对格式错误的标记非常敏感。

如果您决定以这种方式创建数据表

table = $(’#table’)。dataTable({})

您将在表var中获取jQuery对象,但您可以使用以下指令访问dataTable api

table.api()

你可以看到它在这里运行

http://jsfiddle.net/Sd6UQ/

如果您无法访问数据表创建指令,则可以使用该技术

  

你可以看到它在这里工作

http://jsfiddle.net/r2ue74zn/

您只需添加以下代码即可重新加载数据表

 //var table = $('#table').dataTable( {} ); table.ajax.reload();