从 DataTable 生成的表没有布局样式答案

【问题标题】：Table generated from DataTable do not have a layout style从 DataTable 生成的表没有布局样式
【发布时间】：2020-02-07 22:19:32
【问题描述】：

我正在使用 DataTables 在 html 页面中显示我的 json 数据，它可以工作，但是我得到的表没有样式。（见图）。我尝试添加宽度值等于 80%、100% 等的 CSS 样式，但什么也没发生。

注意：将 json 数据显示到数据表没有任何问题。我已经做了，只是布局很丑。

enter image description here

这些是我的头文件中的 CDN：

<!--Ajax CDN -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<!--script src="/js/jquery.min.js"></script-->

<!-- Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">

<!-- Data Tables -->
<script src="https://cdn.datatables.net/1.10.20/css/dataTables.bootstrap.min.css"></script>
<script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.20/js/dataTables.bootstrap.min.js"></script>

我尝试删除数据表引导程序，但它仍然是一样的。

这是我显示表格的 HTML 代码：

<div>
        <table class="table table-bordered" id="subjects_table">
            <thead class="thead-dark">
            <tr>
                <th>Code</th>
                <th>Offer #</th>
                <th>Description</th>
                <th>Units</th>
            </tr>
            </thead>
        </table>
    </div>

【问题讨论】：

请添加数据表cdn
请将您的代码添加到问题中。看起来您有另一个库正在干扰 Datatables CSS
@RoryMcCrossan 我已经编辑了我的帖子，在我的头文件中显示了 CDN。

标签： jquery css ajax datatables

【解决方案1】：

解决方案：

感谢那些花时间分享他们的意见的人。我意识到我犯了一个愚蠢的错误。我使用的 CDN 导致了错误。我删除了我之前使用的所有 DataTabes CDN，并将其替换为：

<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css">
<script src="//cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>

【讨论】：