I'd like to know if it's possible to remove the space between table cells on a web page for only one row. I've seen lots of examples showing how to do this for the entire table, but I have a table whose header would look much nicer with no spacing between its cells. Here's an example of what I mean:
<table>
<tr>
<!-- I'd like these cells to NOT have any space between them -->
<td>ColHeader1</td>
<td>ColHeader2</td>
<td>ColHeader3</td>
</tr>
<tr>
<!-- I'd like these cells to have normal spacing -->
<td>NormalCol1</td>
<td>NormalCol2</td>
<td>NormalCol3</td>
</tr>
</table>
I've tried setting padding to 0 in the row and in the cells, but that doesn't do anything for me. The border-collapse
property can only be applied to the table element, and the same goes for border-spacing
.