Css 引导表。如何从表中删除所有边框？

如何从中删除所有（尤其是外部）边界？这是一张没有内边框的桌子：

HTML

<style>
    .table th, .table td { 
        border-top: none !important;
        border-left: none !important;
    }
</style>
<div class="row">
    <div class="col-xs-1"></div>
    <div class="col-xs-10">
        <br/>
        <table data-toggle="table" data-striped="true">
            <thead>
            <tr>
                <th>Column 1</th>
                <th>Column 2</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>A</td>
                <td>B</td>
            </tr>
            <tr>
                <td>C</td>
                <td>D</td>
            </tr>
            <tr>
                <td>E</td>
                <td>F</td>
            </tr>
            </tbody>
        </table>
    </div>    
    <div class="col-xs-1"></div>
</row>   

.表th、.表td{
边界顶部：无！重要；
左边界：无！重要；
}


第1栏
第2栏
A.
B
C
D
E
F

---

需要覆盖哪些CSS样式才能删除所有边框？

您可以将“类”选项设置为“表格无边框”，例如：

---

编辑：此功能仅在开发版本（v1.7.0之后）中受支持。

更改

固定表容器的CSS中的
边框大小。

CSS:

在这种情况下，您需要将表下方的边框和表头周围的边框设置为0px，以便完全消除所有边框


.table{
边框底部：0px！重要；
}
.表th、.表td{
边界：1px！重要；
}
.固定桌集装箱{
边界：0px！重要；
}



第1栏
第2栏
A.
B
C
D
E
F
您需要设置
边框：无！重要的
到
。固定表格容器
和
。表格
。同时设置
边框底部：无！重要的
到您的第一条规则，
.table th、.table td


更新的小提琴：
试试这个：

.table th, .table td {
    border-top: none !important;
    border-left: none !important;
}
.fixed-table-container {
    border:0px;
}
.table th {
    border-bottom: none !important;
}
.table:last-child{
  border:none !important;
} 

要删除外部边框，您应该从
中删除边框。固定表容器
如下所示：

.fixed-table-container{border: 0px;}

这很简单，请在CSS表中添加以下代码。它将删除表中的所有边框

.table th, .table td, .table {
    border-top: none !important;
    border-left: none !important;
    border-bottom: none !important;
}
.fixed-table-container {
    border:0px;
    border-bottom: none !important;
}

希望有帮助
如果您正在使用CSS3，这将帮助您：

.table tbody tr td, .table tbody tr th {
    border: none;
}

<table class="table table-borderless">

html

使用引导
在html中

来源：
如果您正在使用引导，这将帮助您：

.table tbody tr td, .table tbody tr th {
    border: none;
}

<table class="table table-borderless">


它可以工作，但仍然显示两条水平边框线-。
边框底部：无！重要的从其余两个边框中删除一个边框。但大多数底部仍然在那里。你是说
.table thead tr th
对于headerYes，这会删除这样一个表的所有边框：
<table class="table no-border">

.table.no-border tr td, .table.no-border tr th {
    border-width: 0;
}

<table class="table table-borderless">