DataTable 的 jQuery 插件不起作用。 fnGetColumnData答案

【问题标题】：jQuery plugin for DataTable doesn't work. fnGetColumnDataDataTable 的 jQuery 插件不起作用。 fnGetColumnData
【发布时间】：2012-02-01 08:01:55
【问题描述】：

我添加了插件

$.fn.dataTableExt.oApi.fnGetColumnData

可以在这里找到：http://datatables.net/plug-ins/api

我执行后

$(document).ready(function () { 
var oDataTable = $("#usersGrid").dataTable();
//... 
}

Microsoft JScript 运行时错误：无法获取属性值 'asSorting': 对象为 null 或未定义。

可能是什么原因？ P.S.：不是 fnGetColumnData 的问题，而是与$("#usersGrid").dataTable();相关的另一个问题

$('#example').dataTable({
            "sDom": 'R<"H"lfr>t<"F"ip<',
            "bJQueryUI": true,
            "bFilter": true,
            "sPaginationType": "full_numbers",
            "aoColumns": [
                { "sTitle": "A" },
                { "sTitle": "B" },
                { "sTitle": "C" }
            ]
        });

【问题讨论】：

您能告诉我们您的表格的标记吗？如果您没有提供带有标题的有效表格 dataTables 有问题
看看这个：datatables.net/forums/discussion/6246/… 可能对你有帮助

标签： jquery asp.net-mvc-3 datatables

【解决方案1】：

我认为这与您的标记有关。请记住，dataTables 需要一个带有<thead> 部分的html 表，每列都有一个<th>。如果您尝试初始化一个空表，您应该尝试

$('#usersGrid').dataTable({
  aoData: [{}]
});

【讨论】：

【解决方案2】：

确实，dataTables 需要一个带有<thead> 的html 表，并且每列都有一个<th>。然而，更简单的解决方法是在 databind() 调用之后立即在后面的代码中添加以下行。

MyGridView.DataSource = <some data source>
MyGridView.DataBind();
MyGridView.HeaderRow.TableSection = TableRowSection.TableHeader; // wraps header row with THEAD element for sorting

【讨论】：