空セルのボーダーの制御のレンダリング

<style type="text/css"><!--
.eg1 th {
  border:1px solid #666;
  padding:6px;
}
.eg1 td {
  border:1px solid #666;
  padding:6px;
  empty-cells:show;
}
--></style>

<table border="0" class="eg1">
<thead>
<tr><th>ヘッダ</th><th>ヘッダ</th><th>データ</th></tr>
</thead>
<tbody>
<tr><td>データ</td><td></td><td>データ</td></tr>
<tr><td></td><td>データ</td><td></td></tr>
</tbody>
</table>

<style type="text/css"><!--
.eg1 th {
  border:1px solid #666;
  padding:6px;
}
.eg1 td {
  border:1px solid #666;
  padding:6px;
  empty-cells:hide;
}
--></style>

<table border="0" class="eg1">
<thead>
<tr><th>ヘッダ</th><th>ヘッダ</th><th>データ</th></tr>
</thead>
<tbody>
<tr><td>データ</td><td></td><td>データ</td></tr>
<tr><td></td><td>データ</td><td></td></tr>
</tbody>
</table>