我想删除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"我的头类是:
<thead class="table-inverse" >表中的其他内容都没有被分类或定义样式,它是一个简单的5列表格,填充在一个Core MVC EF项目中。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,所以我想坚持使用它。有任何建议-谢谢
发布于 2018-05-08 07:09:18
DataTable 1.10.16的临时修复是将cellspacing="0"添加到您的<table>
例如
<table id="example" class="table" style="width:100%" cellspacing="0">此问题将在下一版本的DataTable中解决请参阅commit 2b0dce5b4e...
https://stackoverflow.com/questions/42474499
复制相似问题