Question

Say I have the following table:

<table>
  <tr>
    <td>Example</td>
    </td>One</td>
  </tr>
  <tr>
    <td>Example</td>
    </td>Two</td>
  </tr>
  <tr>
    <td>Example</td>
    </td>Three</td>
  </tr>
  <tr>
    <!--
    Here I want to skip the first <td> cell; use only second. Example:
    <td>(empty, possibly &nbsp;)</td>
    <td>blah blah blah</td>
    -->
  </tr>
</table>

If you read my comment in the last row, you can see that in the last row I want to display something in the second column of the table, with the first remaining empty. How would I go about doing this?

As a side note, I read the question/answers in this SO question but colspan is different from what I want. I’m also not familiar with css empty-cell so if that is a solution, please provide a bit of sample code.

Answer 1

HTML

<tr>
   <td></td>
   <td>content here</td>
</tr>

CSS

table { empty-cells: show;}

Leave the <td> empty, no reason to put a space in there.   can act a bit funny at times, especially in tables.