如何解决项目中的数据表库问题？答案

【问题标题】：How can I resolve datatables library issue in my project?如何解决项目中的数据表库问题？
【发布时间】：2020-03-03 16:39:34
【问题描述】：

我使用 GridView 创建了一个项目，并且我的项目中有数据表库。我在master 页面中创建了一个页面test，这个master 页面已经有cdn

<script src="Scripts/DataTables/jquery.dataTables.min.js"></script>
<script src="Scripts/DataTables/dataTables.bootstrap.min.js"></script>
<link href="Content/dataTables.bootstrap.css" rel="stylesheet" />

但在我的test 页面中，当我尝试使用我的库时出现此错误

raygun.js:257
Uncaught TypeError: Cannot read property 'mData' of undefined
at HTMLTableCellElement.<anonymous> (jquery.dataTables.min.js:90)
at Function.each (jquery.js:374)
at n.fn.init.each (jquery.js:139)
at HTMLTableElement.<anonymous> (jquery.dataTables.min.js:90)
at Function.each (jquery.js:374)
at n.fn.init.each (jquery.js:139)
at n.fn.init.m [as dataTable] (jquery.dataTables.min.js:82)
at n.fn.init.h.fn.DataTable (jquery.dataTables.min.js:167)
at HTMLDocument.<anonymous> (TestSoleyne.aspx:47697)
at HTMLDocument.b (raygun.js:61)

<asp:Content ID="Content2" ContentPlaceHolderID="ContenuPage" runat="Server">

    <script>
        $(document).ready( function () {
            $('#Grid').DataTable({
                "paging": true,
                "pagingType" : "first_last_numbers",
                "searching": true,
                "lengthMenu": [20, 50, 100],
                "pageLength" : 20
            });
        });
    </script>
    <div>

        <asp:GridView ID="Grid" runat="server" CssClass="table table-hover table-condensed" AutoGenerateColumns="false" OnRowDataBound="Grid_RowDataBound">
            <Columns>
                <asp:BoundField DataField="id" HeaderText="Id"/>
                <asp:TemplateField HeaderText="Fullname">
                    <ItemTemplate>
                        <%# Eval("lastname") + " " + Eval("firstname") %>
                    </ItemTemplate>
                </asp:TemplateField>
            </Columns>

        </asp:GridView>
    </div>
</asp:Content>

我想可能是报错所以我没有分页，搜索输入和表格的基本css没有修改。

有人知道我该如何解决我的问题吗？

此外，我创建了一个 html 表格，它可以在上面工作。

【问题讨论】：

您是否确认所有脚本都已成功加载且没有错误？

标签： c# datatables

【解决方案1】：

错误来自我的数据表的 id。我有一个母版页，所以我必须将我的母版页的 id 与我的元素的 id 放在一起。

所以我的 id 是 #master_page_id_Grid

之前

<script>   
    $(document).ready( function () {
        $('#Grid').DataTable();
    });
</script>

之后

<script>   
    $(document).ready( function () {
        $('#master_page_id_Grid').DataTable();
    });
</script>

【讨论】：