将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在呈现为html时不会生成属性本身,导致datatables.js失败.

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

 GridView1.UseAccessibleHeader = true;

//adds <thead> and <tbody> elements

GridView1.HeaderRow.TableSection =  TableRowSection.TableHeader;

你最好使用datatables.js