hide cell in table

Sat Feb 25, 2012 10:08 pm

In this example we hide cells in the table using CSS.

Code:: <html> <head> <title>Control the style of table Cells</title> <style type="text/css"> table,td,th { border: 2px solid red; } td.NoneDisplay { display: none; } td.Hidden { visibility: hidden; } </style> </head> <body> <table> <caption>Table with hidden cell </caption> <tr> <td>Row 1 data1</td> <td class="Hidden"> Row 1 data2</td> </tr> <tr> <td>Row 2 data1</td> <td>Row 2 data2</td> </tr> <tr> <td>Row 3 data1</td> <td class="NoneDisplay">Row 3 data2</td> </tr> <tr> <td>Row 4 data1</td> <td>Row 4 data2</td> </tr> </table> </body> </html>