为什么为我的数据表设置类没有任何作用

编辑：

重现问题的小提琴：https://jsfiddle.net/w8pkjek2/3/[我第一次使用小提琴...莱姆知道我是否做错了。

我正在尝试将单元格边框添加到使用 DataTables.net 的表中。 我可以通过我的 dataTable（） 调用来调整我的表，但不能使用 css。 我的标题中有以下代码：

<script src="//cdn.datatables.net/1.10.5/css/jquery.dataTables.min.css"></script>
<script src="//cdn.datatables.net/1.10.5/js/jquery.dataTables.min.js"></script>

我身体里的这段代码：

    <script>
        $(document).ready(function () {
            $('#my-table').dataTable({
                "paging": false,
                "info": false,
                "searching": false
            });
        });
    </script>
    <table id="my-table" class="cell-border" cellspacing="0" width="100%">
        <thead>
        <tr>
            <th>Header 1</th>
            <th>Header 2</th>
            <th>Header 3</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>Cell 1</td>
            <td>Cell 2</td>
            <td>Cell 3</td>
        </tr>
        <tr>
            <td>Cell 4</td>
            <td>Cell 5</td>
            <td>Cell 6</td>
        </tr>
        <tr>
            <td>Cell 7</td>
            <td>Cell 8</td>
            <td>Cell 9</td>
        </tr>
        <tr>
            <td>Cell 10</td>
            <td>Cell 11</td>
            <td>Cell 12</td>
        </tr>
        </tbody>
    </table>

我已经确认我的paging、info和searching参数正在产生影响（注释掉这些行会使它们出现）。 我已经确认我的jquery.dataTables.min.js脚本正在被读取（将其与paging、info一起注释掉，searching没有出现它们）。

基于此，我假设正在阅读jquery.dataTables.min.css。 我的表具有类"cell-border"，但任何表单元格周围都没有边框。 我也试过"row-border".

为什么我的桌子对"cell-border"类的jquery.dataTables.min.css没有反应？