c# - 未捕获的类型错误 : Cannot read property 'mData' of undefined for JQuery DataTable

Question

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

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

我使用了以下代码:

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

<asp:GridView ID="grdProducts" runat="server" AutoGenerateColumns="false" CssClass="table table-hover dataTable">
    <Columns>
         <asp:TemplateField Visible="false">
            <ItemTemplate>
                <asp:Label ID="lblProductID" runat="server"                        Text='<%# Eval("ProductID")%>' />
            </ItemTemplate>
        </asp:TemplateField>
        <%--<asp:BoundField DataField="GroupName" HeaderText="Group Name" />--%>
        <asp:BoundField DataField="BrandID" HeaderText="Brand" />
        <asp:BoundField DataField="ProductName" HeaderText="Product" />
        <asp:BoundField DataField="ShortCode" HeaderText="Code " />
        <asp:BoundField DataField="Price" HeaderText="Price" />
        <asp:TemplateField HeaderText="Update">
            <ItemTemplate>
                <asp:Button ID="btnUpdate" runat="server" Text="Update" class="btn btn-info" OnClick="btnUpdate_OnClick" />
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

Answer 1

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

为此，请在将数据绑定(bind)到 GridView 后使用以下行:

GridViewName.HeaderRow.TableSection = TableRowSection.TableHeader;