| <!DOCTYPE HTML> |
| <style> |
| table { |
| border-spacing: 0px; |
| width: 100%; |
| } |
| .percent { width:50%; } |
| .fixed { width:400px; } |
| .cell1 { height:25px; background-color: aqua } |
| .border { border: 2px solid green } |
| .padding { padding: 2px } |
| .margin { margin: 2px } |
| .pre { white-space: pre } |
| table { border: 2px solid black } |
| </style> |
| <body leftmargin="0" topmargin="0"> |
| <table> |
| <tbody> |
| <tr> |
| <td/> |
| <td class="cell1">First cell empty, second auto width</td> |
| </tr> |
| </tbody> |
| </table> |
| |
| <table> |
| <tbody> |
| <tr> |
| <td/> |
| <td class="cell1 percent">First cell empty, second percent width</td> |
| </tr> |
| </tbody> |
| </table> |
| |
| <table> |
| <tbody> |
| <tr> |
| <td/> |
| <td class="cell1 fixed">First cell empty, second fixed width</td> |
| </tr> |
| </tbody> |
| </table> |
| |
| <table> |
| <tbody> |
| <tr> |
| <td class="pre"> </td> |
| <td class="cell1 percent">First cell empty (with space) and has white-space:pre</td> |
| </tr> |
| </tbody> |
| </table> |
| |
| <table> |
| <tbody> |
| <tr> |
| <td class="pre"></td> |
| <td class="cell1 percent">First cell empty (no space) and has white-space:pre</td> |
| </tr> |
| </tbody> |
| </table> |
| |
| <table id=c width="100%"> |
| <tbody> |
| <tr> |
| <td class="border"> </td> |
| <td class="cell1 percent">First cell empty but has border</td> |
| </tr> |
| </tbody> |
| </table> |
| |
| <table id=c width="100%"> |
| <tbody> |
| <tr> |
| <td class="padding"> </td> |
| <td class="cell1 percent">First cell empty but has padding</td> |
| </tr> |
| </tbody> |
| </table> |
| |
| <table id=c cellpadding="1" width="100%"> |
| <tbody> |
| <tr> |
| <td/> |
| <td class="cell1 percent">First cell empty, table has cellpadding</td> |
| </tr> |
| </tbody> |
| </table> |
| |
| <table id=c cellspacing="1" width="100%"> |
| <tbody> |
| <tr> |
| <td/> |
| <td class="cell1 percent">First cell empty, table has cellspacing</td> |
| </tr> |
| </tbody> |
| </table> |
| |
| <table id=c width="100%"> |
| <tbody> |
| <tr> |
| <td class="margin"> </td> |
| <td class="cell1 percent">First cell empty but has margin</td> |
| </tr> |
| </tbody> |
| </table> |
| |
| <table id=e width="100%"> |
| <tbody> |
| <tr> |
| <td class="bgcolor"> </td> |
| <td class="cell1 percent">First cell empty but has background color</td> |
| </tr> |
| </tbody> |
| </table> |
| |
| <table> |
| <tbody> |
| <tr> |
| <td/> |
| <td class="cell1 percent">First row, first cell empty</td> |
| </tr> |
| <tr> |
| <td> text </td> |
| <td class="cell1 percent">Second row, first cell not empty</td> |
| </tr> |
| </tbody> |
| </table> |
| |
| <table> |
| <tbody> |
| <tr> |
| <td/> |
| <td class="cell1 percent">First row, first cell empty</td> |
| </tr> |
| <tr> |
| <td/> |
| <td class="cell1 percent">Second row, first cell empty</td> |
| </tr> |
| </tbody> |
| </table> |
| |
| <table> |
| <tbody> |
| <tr> |
| <td colspan="2"> </td> |
| <td class="cell1 percent">First cell empty, has colspan</td> |
| </tr> |
| </tbody> |
| </table> |
| |
| <table> |
| <tbody> |
| <tr> |
| <td/> |
| <td class="cell1"> text </td> |
| <td class="cell1 percent">First row, first cell empty, second cell non-empty</td> |
| </tr> |
| <tr> |
| <td colspan="2"> </td> |
| <td class="cell1">Second row, first cell empty with colspan=2</td> |
| </tr> |
| </tbody> |
| </table> |
| |
| <table> |
| <tbody> |
| <tr> |
| <td class="cell1"> text </td> |
| <td/> |
| <td class="cell1 percent">First row, first cell non-empty, second cell empty</td> |
| </tr> |
| <tr> |
| <td colspan="2"> </td> |
| <td class="cell1">Second row, first cell empty with colspan=2</td> |
| </tr> |
| </tbody> |
| </table> |
| |
| <table> |
| <tbody> |
| <tr> |
| <td/> |
| <td/> |
| <td class="cell1 percent">First row, first and second cell empty</td> |
| </tr> |
| <tr> |
| <td colspan="2"> </td> |
| <td class="cell1 percent">Second row, first cell empty, has colspan=2</td> |
| </tr> |
| </tbody> |
| </table> |
| |
| <table> |
| <tbody> |
| <tr> |
| <td/> |
| <td/> |
| <td class="cell1 percent">First row, first and second cell empty</td> |
| </tr> |
| <tr> |
| <td class="percent" colspan="2"> </td> |
| <td class="cell1 percent">Second row, first cell empty, has colspan=2 and percent width</td> |
| </tr> |
| </tbody> |
| </table> |
| |
| <table> |
| <tbody> |
| <tr> |
| <td/> |
| <td/> |
| <td class="cell1 percent">First row, first and second cell empty</td> |
| </tr> |
| <tr> |
| <td class="fixed" colspan="2"> </td> |
| <td class="cell1 percent">Second row, first cell empty, has colspan=2 and fixed width</td> |
| </tr> |
| </tbody> |
| </table> |
| |
| One empty cell: |
| <table> |
| <tbody> |
| <tr> |
| <td/> |
| </tr> |
| </tbody> |
| </table> |
| |
| Two empty cells: |
| <table> |
| <tbody> |
| <tr> |
| <td/> |
| <td/> |
| </tr> |
| </tbody> |
| </table> |
| </body> |
