BootstrapTable去除单元格和表格边框
在使⽤ Bootstrap Table 的时候，想要把表格的竖线去掉。但是试了⼏次都不⾏，感觉⽹上的例⼦ 不多，就写⼀下⾃⼰的做法。先看看最终的结果图
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
具体的做法就是在页⾯的顶部添加了这三个class
<style>
#tableError {border-left: 0px; border-right:0px}
#tableError th{border-left: 0px; border-right: 0px}
#tableError td{border-left: 0px; border-right: 0px}
</style>
设计到的全部代码如下：
1.HTML页⾯
<table id="tableError"></table>
2.页⾯对应的style
<style>
#tableError {border-left: 0px; border-right:0px}
#tableError th{border-left: 0px; border-right: 0px}
#tableError td{border-left: 0px; border-right: 0px}
</style>
table设置内边框
3.表格的JavaScript
$("#tableError").bootstrapTable({
pageNumber: 1,
pagination: true,
sidePagination: 'client',
pageSize: 5,
columns:[
{field: "id", title: "故障点ID"},
{field: "data", title: "当前数据"},
],
data:[
{"id":1, "data":1},
{"id":5,"data":12},
{"id":13, "data":0},]
});

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。