jquery数据样式无法正常工作

Question

我已经包含了所有必需的库，使用了具有正确语法的数据表，但出于某种原因我不知道为什么表样式被破坏了。这是我的代码，

<h3>List of Categories</h3>
<table id="testCategory" class="table table-bordered table-hover">
    <thead>
    <tr>
        <th>Category ID</th>
        <th>Category Name</th>
       <th>Created On</th>
        <th>Created By</th>
    </tr>
    </thead>
    <tbody>
    </tbody>
</table>
@section scripts
{
    <script>
        $(document).ready(function() {
            $("#testCategory").DataTable({
                ajax: {
                    url: "/api/testcategories",
                    dataSrc: ""
                },
                columns: [
                    { "data": "testCategoryId" },
                    { "data": "testCategoryName" },
                    { "data": "createdOn" },
                    { "data": "createdBy" }
                ]
            });
        });
    </script>
}  

，输出显示如下。在这里，您可以看到我链接的所有库。是否存在语法问题或者我是否错过了任何库？我甚至尝试使用原始bootstrap而不是这个bootstrap主题。

Answer 1

不要在Datatable中编写ajax函数，单独写入＆amp;像这样调用datatable，

$（ “＃testCategory”）的dataTable（）;

这可能会对你有所帮助!!

Answer 2

好吧所以我终于弄明白了。我正在使用bootstrap 4所以我必须使用dataTables.bootstrap4.min.css。