我正在 jquery ui 选项卡中的 gridview 中使用 jquery 数据表插件。我的代码是
<script type="text/javascript">
$(function () {
var gv = $('.display');
var thead = $('<thead/>');
thead.append(gv.find('tr:eq(0)'));
gv.append(thead);
gv.dataTable({
"sPaginationType": "full_numbers",
"iDisplayLength": 10,
"aaSorting": [],
"bDestroy": true,
"bRetrieve": true,
'bProcessing': true,
'bServerSide': false
});
ApplyDataTable('.display');
});
我在 gridview 中使用 class="display"
在其上应用数据表插件,并且在任何 ui 选项卡中都有一个 gridview 的情况下,该插件对我来说工作正常。
3个不同的选项卡中存在3个gridview。当我在其他gridview上应用class="display"
时,gridview的标题行变为三重,显示所有gridview中所有三个gridview的标题行.我如何解决这个问题并在我所有的gridviews中使用这个插件?.
最佳答案
编辑使用类.display
使具有该类的每个网格进行附加,因此每次运行时,附加到当前网格并附加以前的网格。
ApplyDataTable('.display')
应用于所有具有 .display
类的网格
解决方案使用 Id=""即 $('#grid1')
而不是 $('.display')
或者使用
thead.html(gv.find('tr:eq(0)'));
gv.html(thead);
代替
thead.append(gv.find('tr:eq(0)'));
gv.append(thead);
关于jquery - 如何在不同 jquery ui 选项卡中的 gridviews 中使用 jquery Datatable 插件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22600251/