将datatables.js与asp.net gridview集成

Question

我正在尝试在我的asp.net gridview上实现datatables.net。我已经包含了必要的js和css文件。

我正在使用

应用数据表

$(document).ready(function(){
    $('#myGridview').dataTable();
});

但它不起作用。它在控制台中显示异常：

  

“无法读取未定义的属性'mData'”

任何人都可以帮我解决这个问题吗？

由于

Answer 1

这是解决这个问题的方法。

此错误显示，因为datatables.js需要thead和tbody属性。现在，当asp.net gridview呈现为导致datatables.js失败的html时，它不会自动生成属性。

因此，为了在gridview中生成，请在页面加载中添加以下代码，这将为gridview创建属性。

 GridView1.UseAccessibleHeader = true;

//adds <thead> and <tbody> elements

GridView1.HeaderRow.TableSection =  TableRowSection.TableHeader;

你最好使用datatables.js