未捕获的类型错误：无法读取 JQuery DataTable 的未定义属性“mData”

Question

我已将数据表绑定到 ASP.Net 中的 gridview。我曾尝试使用 jQuery dataTable 在我的 gridview 中显示搜索和排序选项，但数据表向我抛出了一个错误。

错误是：未捕获的类型错误：无法读取未定义的属性“mData””这是错误。

我使用了以下代码：

function pageLoad(sender, args) {
    $('#grdProducts').DataTable(
        $(document).ready(function () {
            $('.dataTable').dataTable();
        })
    );
}

function pageLoad(sender, args) {
    $('#grdProducts').DataTable(
        $(document).ready(function () {
            $('.dataTable').dataTable();
        })
    );
}

Answer 1

默认情况下，ASP GridView 将所有内容都保留在标记下，并且不会在 下呈现网格标题，这将导致“mData”错误。

为此，请在将数据绑定到 GridView 后使用以下行：

GridViewName.HeaderRow.TableSection = TableRowSection.TableHeader;

Answer 2

请改用下面的代码：

$(document).ready(function (){
    $('#grdProducts').DataTable();
});