我有两个选项卡,它们的内容由ajax加载。 两者的内容都有一个表格。 我想将“数据表” jQuery插件应用于两个表。 表格具有相同的ID,因为它们是由函数创建的。但是它们的行是不同的。

datatable插件很好地应用于了第一个选项卡表,但在第二个选项卡上给出了此错误:

"DataTables warning (table id = 'dttable'): Cannot reinitialise DataTable.

要检索该表的DataTables对象,请不向参数传递dataTable()函数,或将bRetrieve设置为true。 另外,要销毁旧表并创建一个新表,请将bDestroy设置为true(请注意,可以通过API进行许多配置更改,这通常要快得多)。”

我在数据表插件define中使用了“ bDestroy”:true。但是这样,插件不会显示在第二张表中。

你能帮我吗?

#1楼 票数:3 已采纳

您的问题是两个表具有相同的ID,这是无效的HTML。 当您尝试初始化第二个Databable时,选择器仅找到第一个表,并再次尝试在第一个表上初始化Datatables,这将导致您得到错误。

您需要更改函数以创建具有唯一ID的每个表,并通过其各自的ID初始化每个表。

#2楼 票数:1

为什么不通过className而不是ID设置数据表,然后将其应用于两个表?

检索数据时,可以使用类似$('。dataTableStyle')。eq(1)的方法从相关数据中获取信息。

#3楼 票数:0

试试这个代码

$(document).ready(function() {
         oTable = $('#DataTables_Table_0').dataTable({   //DataTables_Table_0 <-------table id
                iVote: -1,   //your field name 
                "bRetrieve":true
            });

        oTable.fnSort( [ [1,'desc'] ] );
     });

#4楼 票数:0

当您要更改表格数据时,在函数事件中使用此功能

$('#tbl_resultates').dataTable().fnDestroy();

并添加

"bRetrieve": true,

$('#tbl_resultates').dataTable({

#5楼 票数:0

我正在使用mvc3,我的问题是在视图中初始化dataTable,然后使用另一个dataTable渲染部分视图。 问题不在2个表的ID中,而是在框架中呈现部分视图的方式。 就我而言,我必须将脚本或对脚本的引用移到承载部分视图的视图中。 使用Google Maps api时遇到类似的问题。

  ask by hd. translate from so

未解决问题?本站智能推荐:

1回复

jQuery数据表分页问题

您好,我正在使用Jquery数据表从服务器端显示表。 它正在客户端上显示,但所有分页按钮均处于非活动状态。 请问我做错了什么? 下面是我客户端数据表调用:
2回复

jQuery插件数据表在过滤后消失

我正在使用Jquery插件数据表对表中的信息进行排序,但是在使用针对表的定制过滤器后,数据表插件消失了。 这是我的数据表的代码: 这是过滤器的代码: 有没有人遇到任何类似的问题?
2回复

数据表宽度问题

我正在使用带有jQuery的DataTables插件,并且我已经查看了StackOverflow并发现了另一个问题 ,几乎都遇到了同样的问题(除了我没有标签),我尝试了那里所说的内容,但无法使其正常工作。 我在表中有此下拉列表,仅显示50条记录(下面的代码中的iDisplayLenth),当您
1回复

如何防止每次访问该网站时都加载大的html表? (使用数据表,jQuery插件)

我正在为后端工具开发CRUD,并且正在使用DataTables(帮助处理HTML表的jQuery插件)来显示每一行的元素列表以及视图,编辑和删除选项。 这些表大约有4,000行,加载时间大约是7秒。 我尝试了服务器端处理,但几乎没有任何改善,我也进行了设置 那也没有帮助。 问题
1回复

通过Ajax更新数据表实体

当我尝试从Symfony2的视图中的表中更新元素时​​,我不断收到此错误: 单元无法更新(服务器错误) 我不确定是什么问题。 路由不正确吗? 具有javascript和表格的twig(view)文件。 用于从控制器检索表数据的javascript: 控制器中更新
1回复

当我单击jQuery中的数据表插件中的分页时如何设置事件

我使用了数据表jQuery插件,当我单击数据表插件中的分页时,必须触发事件。
1回复

当数据表插件中允许分页时,Jquery 查找功能不起作用

在实现其他情况之前,我成功地使用了数据表,但是当我启用分页时,我在循环其他行时遇到了问题。 我正在使用使用 Jquery 的 find 函数循环遍历表中的行,但它只遍历显示的行,而不会转到数据表的第二页。 这是一个工作小提琴https://jsfiddle.net/czarluc/5cm7rgv
2回复

jQuery-数据表-FixedColumns

我使用JQuery,Datatables和FixedColumns插件开发了一个JSP页面。 我的页面中需要一个数据表,前4列固定不变,所有其他列均可移动。 要加载一个简单的80行* 133列数据表的jsp页面,在IE 8中花费了1分1秒,而在Firefox和chrome中花费了几秒钟(