My table has borders with different styles - some are double and some are solid, based on my specific requirements. Each style corresponds to a different color for the border of each <td> element.
Here's an example of the table setup:
table {
border-collapse: collapse;
width: 100%;
border-bottom: 1px double #000;
}
td {
border: 1px double #dddddd;
text-align: left;
padding: 8px;
}
tr:first-child td {
border-top: none;
}
tr:last-child td {
border-bottom: none;
}
td:first-child {
border-left: none;
}
td:last-child {
border-right: none;
}<table>
<tr>
<td>1</td>
<td rowspan="2">2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
</tr>
</table>double to solid for the specific <td> because those styles are already in use by other classes (refer to the "EDIT" section).
EDIT
The rowspan value can be any number.
Below is the full content of the SCSS file:
(SCSS file contents here)