在MVC4 webgrid中使用jquery数据表

时间:2014-06-16 05:24:49

标签: asp.net-mvc-4 jquery-datatables

我在MVC4应用程序中使用WebGrid。现在我想在此webgrid中使用 jquery数据表来为其提供额外的过滤功能。我使用下面的代码将webgrid设置为datatable。

$( '#wbGrid')的dataTable();

我的问题是如果我保持webgrid的分页,这个数据表的分页就不起作用了。我可以删除webgrid的分页但是当有大量数据(大约30000行)时加载需要太多时间。

有没有办法将数据表分页连接到webgrid分页?当我使用数据表过滤器时,我需要更新分页。

1 个答案:

答案 0 :(得分:0)

使用java脚本中的以下代码启用对网格中的分页过滤进行排序

enter code herevar oTable = $('#infotable').dataTable({
    "bJQueryUI": true,
    "bPaginate": false,
    "bLengthChange": false,
    "bFilter": true,
    "bSort": true,
    "bInfo": true,
    "sDom": '<"H"ilfr>t<"F"p>',
    "fnInfoCallback": function (oSettings, iStart, iEnd, iMax, iTotal, sPre) { return "Showing " + iTotal + " entries"; },
    "fnRowCallback": function (nRow, aData, iDisplayIndex) {
        $("td:first", nRow).html(iDisplayIndex + 1);
        return nRow;
    }
相关问题