数据表、BS4 和边框

Question

我想删除 jQuery DataTable 中行和列之间的边框线，但似乎没有任何东西影响这些线。我已经尝试了所有我能想到的 BS table 选项以及许多样式选项。似乎没有什么可以影响线条。行分隔线看起来是双的，列分隔线相当宽。我的基本问题是:是否有任何因素会影响数据表边框线，还是只是将其融入到数据表中？

我正在使用这些引用:

   <link href="~/lib/bootstrap4/dist/css/bootstrap.css" rel="stylesheet" />
<link href="~/lib/datatables.net-bs4/css/dataTables.bootstrap4.css" rel="stylesheet" />
    <script src="~/lib/jquery/dist/jquery.js"></script>
<script src="~/lib/datatables.net/js/jquery.dataTables.js"></script>
<script src="~/lib/bootstrap4/dist/js/bootstrap.js"></script>
<script src="~/lib/datatables.net-bs4/js/dataTables.bootstrap4.js"></script>

我的表类是:

 class="table table-striped"

我的主课是:

<thead class="table-inverse" >

表中没有其他内容被分类或样式化，它只是一个填充在 Core MVC EF 项目中的简单 5 列表。 JavaScript 是:

 $(document).ready(function () {
        $('#my-table').DataTable({
            "searching": false,
            "pageLength": 25,
            "info": false,
            "lengthChange": false,
            "renderer": "dataTables.bootstrap4",
            "columns": [
                null,
                null,
                null,
                { "orderable": false },
                { "orderable": false }
            ]
        });
    });

我尝试了各种“渲染器”选项 - 包括不使用它。我尝试过多种边框样式变体:无或边框折叠或 0px 边框线、边框线颜色等。似乎没有什么会影响数据表的这方面。但是，BS stripe 类和逆 header 类按预期工作。

我觉得 table 上的线条看起来很丑，想去掉它们或消除它们的外观。我在其他地方都使用 BS4，所以想坚持使用。任何建议 - 谢谢

Answer 1

DataTable 1.10.16 的临时修复是添加 cellspacing="0"给您<table>

例如

<table id="example" class="table" style="width:100%" cellspacing="0">

这将在 DataTable 的下一版本中修复，请参阅 commit 2b0dce5b4e...