Question

编辑：

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

我正在尝试将单元格边框添加到我的表中，该表使用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"。

为什么我的表格没有对jquery.dataTables.min.css的{{1}}类作出反应？

Answer 1

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

这对我有用：

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

为什么我没有为我的DataTables设置类做什么？

1 个答案: