Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> .show { empty-cells: show; } .hide { empty-cells: hide; } body { background: #1c87c9; padding: 25px 0; color: #fff; font-size: 2em; text-align: center; } table { display: flex; justify-content: center; } td { background: #fff; border: 1px solid #8ebf42; padding: 10px 15px; color: green; } </style> </head> <body> <p>The empty cells are shown</p> <table class="show"> <tbody> <tr> <td>♦</td> <td></td> <td>♦</td> <td>♦</td> </tr> </tbody> </table> <p>The empty cells are hidden</p> <table class="hide"> <tbody> <tr> <td>♦</td> <td></td> <td>♦</td> <td>♦</td> </tr> </tbody> </table> </body> </html>