隐藏表标题列边框

Question

我的表格标题HTML看起来像这样

      A
      _
Row1| R
Row2| S
Row3| T
Row4| U
...
Row12|Z

.tablebluelight {
  background: #eef2f7;
  color: #002d62;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  font-size: 12px;
  border-color: #eef2f7;
}

我想删除每列之间的白色边框线。我怎样才能做到这一点？

Answer 1

尝试将table { border: collapse; } th { border: none; } td { border: //What ever you want } 添加到表格的CSS中。

Answer 2

尝试以下方法：

getManager()

Answer 3

将border-spacing: 0px;添加到Table元素。看到这个。

.table{
border-spacing: 0px;    
}
.tablebluelight {
  background: #eef2f7;
  color: #002d62;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  font-size: 12px;
  border-color: #eef2f7;
}

<table class="table table-bordered table-responsive">
  <thead>

    <tr class="tablebluelight">
      <th></th>
      <th>Rod Size</th>
      <th></th>
      <th>Rod Angle</th>
      <th>Rod Size</th>
      <th></th>
      <th>Rod Angle</th>
      <th></th>
      <th></th>
      <th></th>
      <th></th>
      <th></th>
      <th></th>

    </tr>

  </thead>

  <tbody>

  </tbody>

</table>

Answer 4

通常我会用这些方法来实现这个目标~~

1。 将“cellspacing”设置为该表的属性。

<table cellspacing="0"></table>

2.set css属性崩溃

.table{border-collapse:collapse;}

作为提醒......不要将边框设置为“tr”......它的工作非常糟糕......因为它会覆盖“td”的边框~~~