css 创建不显示第一个单元格的表格

6jygbczu 于 2022-12-27 发布在其他

关注(0)|答案(1)|浏览(106)

我希望我的table是这样的：wanted table
我的，现在是这样的：current table
不同之处在于，在所需表中，第一个单元格（位置0; 0）被删除。我还想对边框进行更新，以使其穿过被删除单元格的底部和右侧。
目前的结果是：current result
下面是我当前代码：

table, th, td {
  border: 0.5px solid black;
  border-collapse: collapse;
}

.removeCell {
  visibility: hidden;
}

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
    <link rel="stylesheet" href="css\desktopStyle.scss">
  </head>
  <body>
    <table>
      <tr>
        <th class="removeCell">Mois</th>
        <th>Data</th>
      </tr>
      <tr>
        <td>Janvier</td>
        <td>10.01.2014</td>
      </tr>
      <tr>
        <td>Février</td>
        <td>10.01.2014</td>
      </tr>
    </table>

css

来源：https://stackoverflow.com/questions/74908656/make-a-table-without-showing-the-first-cell

1条答案

按热度按时间

svmlkihl1#

只删除第一个td的边界

td{
border: 1px solid black;
width:40px;
height:10px;

}
table{
border-collapse:collapse;
}

#one{
border:none;
}

<table>
<tr>
<td id='one'></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>

赞(0）回复(0）举报 2022-12-27

我来回答

css 创建不显示第一个单元格的表格

1条答案

相关问题

热门标签

最新问答