I am seeking to update my table design. The desired look can be found here.
Currently, my table looks like this: current table.
The key difference I want to achieve is the removal of the first cell (positioned at 0;0) in the desired table design. Additionally, I aim to enhance the border so that it extends through the bottom and right of the removed cell.
This is the current outcome: current result.
Below is a snippet of my code:
table, th, td {
border: 0.5px solid black;
border-collapse: collapse;
}
.removeCell {
visibility: hidden;
}<!DOCTYPE html>
<html>
<head>
<title>Document Title</title>
<link rel="stylesheet" href="css\desktopStyle.scss">
</head>
<body>
<table>
<tr>
<th class="removeCell">Month</th>
<th>Data</th>
</tr>
<tr>
<td>January</td>
<td>10.01.2014</td>
</tr>
<tr>
<td>February</td>
<td>10.01.2014</td>
</tr>
</table>