Question

我有一个Bootstrap表，我想删除表中某些行之间的行（在表的末尾）是否有快速实现此目的？

Answer 1

您可以使用以下CSS从Bootstrap表中删除边框：

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

这将覆盖Bootstrap的td和th选择器specificity并应用您的border-top样式而不是他们的样式。

请注意，这仅适用于tr中的tbody元素。如果您希望这些元素也适用于thead和tfoot元素，则需要添加样式。

现在您指定行的部分，我猜你不希望这适用于所有行。为此，只需向要删除边框的class元素添加新的tr，并在CSS选择器中包含该类名称：

<tr class="no-border">...</tr>

.table>tbody>tr.no-border>td,
.table>tbody>tr.no-border>th {
  border-top: none;
}

Answer 2

您可以在右侧选择器中使用border-bottom: none;。请提供您的HTML代码，以便我们能够找出并分析您的结构。

Answer 3

对于您不希望出现边框的行。给他们一个额外的类并添加 border：none 属性。

对于Ex：如果您将其他类名称 .noborder 提供给该行的元素。

希望这会对你有所帮助。

.noborder{
border:none;

}

<table border="1" width="100%">
  <tr><td>Data 1</td></tr>
  <tr><td>Data 1</td></tr>
  <tr ><td>Data 1</td></tr>
  <tr><td class="noborder">Data 1</td></tr>
  <tr><td class="noborder">Data 1</td></tr>
  
  </table>

Answer 4

  <table class="table no-border">
      <tr>
          <td></td>
      </tr>
  </table>

Answer 5

我认为您要删除两行或列之间的两条删除垂直线通过此链接查看演示LInk： - http://v4-alpha.getbootstrap.com/content/tables/

你也可以申请。表＆GT; TBODY＆GT; tr.no边界＆GT; TD， .table＆gt; tbody＆gt; tr.no-border＆gt; th { border-top：none; }

如何在引导表中删除行之间的行？

5 个答案: