Try it Live

​x
 
<!DOCTYPE html>
<html>
 <head>
  <style>
    table, th, td {
      border: 5px solid black;
      width: 100%;
      padding: 5px;
      empty-cells: hide;
    }  
  </style>
 </head>
 <body>
 <h2>CSS empty-cell property </h2>
 
 <Strong>Change to empty-cell: show to see the difference </strong>
   
 <table>
     <tr>
       <th>Name</th>
       <th>Id</th> 
       <th>Designation</th>   
     </tr>
     <tr>
       <td>Victor</td>
       <td>98765</td>
       <td>Chief Executive Officer</td>  
     </tr>
     <tr>
       <td>William</td>
       <td>87654</td>
       <td></td>          
     </tr>
     <tr>
       <td>Lynda</td>
       <td></td>
       <td>Senior HR - Technical</td>         
     </tr>
 </table>    
 </body>
</html>
​