Javascript 为什么不是'；为我的数据表设置类做什么？

编辑：

重新创建问题的小提琴： [我第一次使用小提琴……让我知道我是否做错了。]

---

我正在尝试向使用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>

$（文档）.ready（函数（）{
$（“#我的表”）.dataTable({
“分页”：false，
“信息”：错误，
“搜索”：错误
});
});
标题1
标题2
标题3
第1单元
第2单元
第三单元
第4单元
第5单元
第6单元
第7单元
第8单元
第9单元
第10单元
第11单元
第12单元

我已确认我的

分页

、

信息

和

搜索

参数正在发挥作用（注释掉这些行会使它们出现）。我已确认正在读取我的

jquery.dataTables.min.js

脚本（在

分页

、

信息

和

搜索

时注释掉它们）

基于此，我假设正在读取

jquery.dataTables.min.css

。我的表格具有类

“单元格边框”

，但在我的任何表格单元格周围都没有边框。我还尝试了

“行边框”

---

为什么我的表对

“单元格边框”

类的

jquery.dataTables.min.css

没有反应？

尝试将jquery.dataTables.min.css作为样式表而不是脚本

这对我很有用：

<link href="//cdn.datatables.net/1.10.5/css/jquery.dataTables.min.css"  rel="stylesheet">

---

尝试将jquery.dataTables.min.css作为样式表而不是脚本

这对我很有用：

<link href="//cdn.datatables.net/1.10.5/css/jquery.dataTables.min.css"  rel="stylesheet">

---

尝试将jquery.dataTables.min.css作为样式表而不是脚本

这对我很有用：

<link href="//cdn.datatables.net/1.10.5/css/jquery.dataTables.min.css"  rel="stylesheet">

---

尝试将jquery.dataTables.min.css作为样式表而不是脚本

这对我很有用：

<link href="//cdn.datatables.net/1.10.5/css/jquery.dataTables.min.css"  rel="stylesheet">

您是否通过浏览器开发人员工具进行了调查，以了解哪些CSS规则适用于各种表元素？您的表是否也有

.dataTable

类？

.cell border

的规则取决于同时具有这两个属性的表。@Pointy我没有。但我现在做到了。我在

jquery.dataTables.min.css

@Adrift的第1行得到了错误

Uncaught SyntaxError:Unexpected token{

，我相信是这样的，除非我有误解。我当时的印象是，我的第二个脚本，就在.css调用的正下方，正在得到这个类。（我试着以相反的顺序调用这些脚本。）@Evorlor：我之所以这么说，是因为我在HTML中没有看到它。添加一个演示会有所帮助。您是否通过浏览器开发人员工具进行了调查，以了解哪些CSS规则适用于各种表格元素？您的表格是否也有

.dataTable

类？单元格边框的规则取决于同时具有这两个元素的表格。@Poin我没有。但是我现在做了。我在

jquery.dataTables.min.css

@Adrift的第1行得到了错误

Uncaught SyntaxError:Unexpected token{

，我相信是这样的，除非我有误解。我的印象是，我的第二个脚本，就在.css调用下面，正在得到类。（我试着以相反的顺序调用这些脚本。）@Evorlor：我之所以这么说，是因为我在HTML中没有看到它。添加一个演示会有所帮助。您是否通过浏览器开发人员工具进行了调查，以了解哪些CSS规则适用于各种表格元素？您的表格是否也有

.dataTable

类？单元格边框的规则取决于同时具有这两个元素的表格。@Poin我没有。但是我现在做了。我在

jquery.dataTables.min.css

@Adrift的第1行得到了错误

Uncaught SyntaxError:Unexpected token{

，我相信是这样的，除非我有误解。我的印象是，我的第二个脚本，就在.css调用下面，正在得到类。（我试着以相反的顺序调用这些脚本。）@Evorlor：我之所以这么说，是因为我在HTML中没有看到它。添加一个演示会有所帮助。您是否通过浏览器开发人员工具进行了调查，以了解哪些CSS规则适用于各种表格元素？您的表格是否也有

.dataTable

类？单元格边框的规则取决于同时具有这两个元素的表格。@Poin我没有。但是我现在做了。我在

jquery.dataTables.min.css

@Adrift的第1行得到了错误

Uncaught SyntaxError:Unexpected token{

，我相信是这样的，除非我有误解。我的印象是，我的第二个脚本，就在.css调用下面，正在得到类。（我试着以相反的顺序调用这些脚本。）@Evorlor：我之所以这么说是因为我没有在你的HTML中看到它。添加一个演示会有所帮助。jquery.dataTables.min.css是一个css文件，而不是js脚本文件。script标记用于包含js文件，而不是css文件。对于css文件，请使用link标记。jquery.dataTables.min.css是一个css文件，而不是js脚本文件。script标记用于包含js文件，而不是js文件css文件。对于css文件，请使用链接标记。jquery.dataTables.min.css是css文件，而不是js脚本文件。脚本标记用于包含js文件，而不是css文件。对于css文件，请使用链接标记。jquery.dataTables.min.css是css文件，而不是js脚本文件。脚本标记用于包含js文件，而不是css文件。对于css文件，请使用链接标记inst放电涂覆处理。