jquery - 如何在不同 jquery ui 选项卡中的 gridviews 中使用 jquery Datatable 插件？

Question

我正在 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中使用这个插件？.

Answer 1

编辑使用类.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);