Как я могу решить проблему с библиотекой данных в моем проекте?

Question

Я создаю проект с GridView, и в моем проекте была библиотека datatables. Я создаю страницу test, которая находится на странице master, на этой 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>

Я думаю, что это может произойти из-за ошибки, поэтому у меня нет нумерации страниц, поиска и основы c css таблица не модифицируется.

Кто-то знает, как мне решить мою проблему?

Кроме того, я создаю таблицу html, и она работает на ней.

Answer 1

Ошибка связана с идентификатором моей таблицы данных. У меня есть главная страница, поэтому мне нужно добавить идентификатор своей главной страницы вместе с идентификатором моего элемента.

, поэтому мой идентификатор был #master_page_id_Grid

ДО

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

ПОСЛЕ

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