Will a table row be displayed if all its cells are empty?

Question

I have an empty table row only for separating between rows.

<tr>
  <td colspan="5"></td>
</tr>

It is displayed in IE, FF, Opera, and Safari. The question is, should I put some content in it or can it leave it as it is?

how

<tr>
  <td colspan="5">&nbsp;</td>
</tr>

Answer 1

Well, you can put  as the contents of a column to make sure the rows are displayed. It is best to use CSS for spacing.

Answer 2

, ? , , CSS. .

<tr class="separate-below">
    <td>Data before separater</td><td>More Data</td>...
</tr>
<tr>
    <td>Data after separater</td><td>More Data</td>...
</tr>

:

TR.separate-below TD,TR.separate-below TH {
    border-bottom: 1em solid white; /* use the background colour of a cell here */
}

<tbody> ( = "" <tbody> , <colgroup> , )

<table rules="groups">
<thead>
    <tr><th>Header</th><th>Header</th>...</tr>
</thead>
<tbody>
    <tr><td>Data</td><td>Data</td>...</tr>
    <tr><td>Data</td><td>Data</td>...</tr>
    ...
</tbody>
<tbody>
    <tr><td>Data</td><td>Data</td>...</tr>
    ...
</tbody>
...
</table>

Answer 3

W3Schools   - , .

Answer 4

, :  ,

Answer 5

, - ( display: table-cell table-row elements)

:

.emptyElement:after{
  content: "\00a0";
}

Answer 6

, @Dariusz Sikorski.

td:empty:after, th:empty:after {
  content: "\00a0";
}

Answer 7

, , , .

CELLSPACING = ( )

CELLPADDING = ( )

Answer 8

, CSS:

table { empty-cells:show; }

Answer 9

You can use multiple tags tbodyto group table rows. It is fully valid and more semantic.