首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >数据表、BS4和边界

数据表、BS4和边界
EN

Stack Overflow用户
提问于 2017-02-27 05:31:39
回答 1查看 2.3K关注 0票数 2

我想删除jQuery DataTable中行和列之间的边框线,但似乎没有任何东西会影响这些线。我已经尝试了我能想到的所有BS表选项,还有许多样式选项。似乎没有任何东西会影响到这些线路。行分隔线看起来是双倍的,而列分隔线相当宽。我的基本问题是:会不会有什么东西影响DataTable边界线,或者这是不是已经写入数据表了?

我使用这些参考资料:

代码语言:javascript
复制
   <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>

我的表类包括:

代码语言:javascript
复制
 class="table table-striped"

我的头类是:

代码语言:javascript
复制
<thead class="table-inverse" >

表中的其他内容都没有被分类或定义样式,它是一个简单的5列表格,填充在一个Core MVC EF项目中。Javascript是:

代码语言: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边框线、边框线颜色等。似乎没有任何东西会影响DataTable的这一方面。但是,BS条带类和反向报头类按预期工作。

我觉得桌子上的线条看起来很难看,我想把它们去掉,或者把它们的外观变得静音。我在其他任何地方都在使用BS4,所以我想坚持使用它。有任何建议-谢谢

EN

回答 1

Stack Overflow用户

发布于 2018-05-08 07:09:18

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

例如

代码语言:javascript
复制
<table id="example" class="table" style="width:100%" cellspacing="0">

此问题将在下一版本的DataTable中解决请参阅commit 2b0dce5b4e...

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/42474499

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档