Question

我想删除jQuery DataTable中行和列之间的边界线，但似乎没有任何东西影响这些行。我已经尝试了我能想到的所有BS表选项以及许多样式选项。似乎没有什么影响线条。行分隔线看起来是双线，列分隔线相当宽。我的基本问题是：是否有任何影响DataTable边界线的情况，或者这只是数据库中的数据？

我使用这些引用：

   <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"

My Head课程是：

<thead class="table-inverse" >

表格中的其他任何内容都没有分类或样式，它是一个填充在Core MVC EF项目中的简单5 col表。 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 }
            ]
        });
    });

我尝试过各种各样的＆＃34;渲染器＆＃34;选项 - 包括不使用它。我尝试了很多边框的样式变化：没有或边框折叠或0px的边框线，边框线颜色等。似乎没有什么影响DataTable的那个方面。但是，BS条带类和反向标题类按预期工作。

我觉得桌子看起来很丑陋，想要摆脱它们或者使它们的外观静音。我在其他任何地方都使用BS4，所以我想坚持下去。任何建议 - 谢谢

Answer 1

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

例如

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

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

数据表，BS4和边界

1 个答案: