Hide empty cell : table cell : Table Style HTML CSS TUTORIALS

HTML CSS TUTORIALS » Table Style » table cell »

Hide empty cell


 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Empty cells 1</title>
<style>
table {
  empty-cells: hide;
}

td, th {
  border: 1px solid black;
}

</style>
</head>

<body>
<table>
  <tr>
    <td rowspan="2"></td>
    <th colspan="2" id="">S</th>
    <th rowspan="2" id="">M</th>
  </tr>
  <tr>
    <th id="">S</th>
    <th id="">T</th>
  </tr>
  <tr>
    <th id="">B</th>
    <td headers="">11</td>
    <td headers="">9</td>
    <td headers="">1</td>
  </tr>
  <tr>
    <th id="">U</th>
    <td headers="">2100</td>
    <td headers="">900</td>
    <td headers="">1000</td>
  </tr>
</table>

</body>
</html>