| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head> |
| <meta name="generator" content="eZ Components; http://ezcomponents.org" /> |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
| <style type="text/css"> |
| <![CDATA[body { |
| background-color: #ffffff; |
| color: #2e3436; |
| font-family: sans-serif; |
| } |
| |
| a { |
| color: #3456a4 |
| } |
| |
| a:hover { |
| color: #729fcf; |
| } |
| |
| a:visited { |
| color: #204a87; |
| } |
| |
| a.footnote { |
| vertical-align: super; |
| } |
| |
| p { |
| margin: 0.5em 0em 1em 0em; |
| } |
| |
| hr { |
| background-color: #204a87; |
| border: none; |
| height: 1px; |
| } |
| |
| pre { |
| background-color: #eeeeef; |
| font-family: monospace; |
| } |
| |
| table { |
| border: 1px solid #babdb6; |
| border-collapse: collapse; |
| width: 100%; |
| } |
| |
| thead td, |
| thead th { |
| background-color: #eeeeef; |
| text-align: center; |
| font-weight: bold; |
| } |
| |
| tbody td { |
| border: 1px solid #babdb6; |
| } |
| |
| blockquote p:before, |
| blockquote p:after { |
| content: '"'; |
| } |
| |
| blockquote p { |
| margin-bottom: .5em; |
| } |
| |
| blockquote cite { |
| margin-left: 1em; |
| color: #555753; |
| } |
| |
| div.image, |
| div.figure { |
| margin: 1em; |
| padding: 1px; |
| border: 1px solid #babdb6; |
| } |
| |
| div.image img, |
| div.figure img { |
| margin: 0px auto; |
| } |
| |
| div.image p, |
| div.figure p { |
| margin: 0em; |
| font-size: 90%; |
| color: #555753; |
| } |
| |
| p.note { |
| margin-left: 2em; |
| padding: .2em; |
| border: 1px solid #8ae234; |
| } |
| |
| p.notice { |
| margin-left: 2em; |
| padding: .2em; |
| border: 1px solid #4e9a06; |
| } |
| |
| p.warning { |
| margin-left: 2em; |
| padding: .2em; |
| border: 1px solid #ce5c00; |
| } |
| |
| p.attention { |
| margin-left: 2em; |
| padding: .2em; |
| border: 1px solid #a40000; |
| } |
| |
| p.danger { |
| margin-left: 2em; |
| padding: .2em; |
| border: 2px solid #a40000; |
| } |
| ]]> |
| </style> |
| <title>Grid tables</title> |
| </head> |
| <body> |
| <a name="grid_tables" id="grid_tables"></a> |
| <h1>Grid tables</h1> |
| <table> |
| <thead> |
| <tr> |
| <td> |
| <p>Header row, column 1 </p> |
| </td> |
| <td> |
| <p>Header 2 </p> |
| </td> |
| <td> |
| <p>Header 3 </p> |
| </td> |
| </tr> |
| </thead> |
| <tbody> |
| <tr> |
| <td> |
| <p>body row 1, column 1 </p> |
| </td> |
| <td> |
| <p>column 2 </p> |
| </td> |
| <td> |
| <p>column 3 </p> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| <p>body row 2 </p> |
| </td> |
| <td> |
| <p>Cells may span </p> |
| </td> |
| </tr> |
| </tbody> |
| </table> |
| <table> |
| <thead> |
| <tr> |
| <td> |
| <p>Header row, column 1 (header rows optional) </p> |
| </td> |
| <td> |
| <p>Header 2 </p> |
| </td> |
| <td> |
| <p>Header 3 </p> |
| </td> |
| <td> |
| <p>Header 4 </p> |
| </td> |
| </tr> |
| </thead> |
| <tbody> |
| <tr> |
| <td> |
| <p>body row 1, column 1 </p> |
| </td> |
| <td> |
| <p>column 2 </p> |
| </td> |
| <td> |
| <p>column 3 </p> |
| </td> |
| <td> |
| <p>column 4 </p> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| <p>body row 2 </p> |
| </td> |
| <td> |
| <p>Cells may span columns. </p> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| <p>body row 3 </p> |
| </td> |
| <td rowspan="2"> |
| <p>Cells may span rows. </p> |
| </td> |
| <td rowspan="2"> |
| <p>- Table cells </p> |
| <p>- contain </p> |
| <p>- body elements. </p> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| <p>body row 4 </p> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| <p>body row 5 </p> |
| </td> |
| <td rowspan="2"> |
| <p>Cells may span rows <em>and</em></p> |
| <p>columns. </p> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| <p>body row 6 </p> |
| </td> |
| </tr> |
| </tbody> |
| </table> |
| <table> |
| <thead> |
| <tr> |
| <td> |
| <p>row 1, col 1 </p> |
| </td> |
| <td> |
| <p>column 2 </p> |
| </td> |
| <td> |
| <p>column 3 </p> |
| </td> |
| <td> |
| <p>column 4 </p> |
| </td> |
| </tr> |
| </thead> |
| <tbody> |
| <tr> |
| <td></td> |
| <td></td> |
| <td></td> |
| <td></td> |
| </tr> |
| <tr> |
| <td> |
| <p>row 2 </p> |
| </td> |
| <td> |
| <p> +---+ </p> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| <p>row 3 </p> |
| </td> |
| <td> |
| <p></p> |
| </td> |
| <td> |
| <p> +===+ </p> |
| </td> |
| <td> |
| <p></p> |
| </td> |
| </tr> |
| </tbody> |
| </table> |
| <table> |
| <thead> |
| <tr> |
| <td> |
| <p>row 1, col 1 </p> |
| </td> |
| <td> |
| <p>column 2 </p> |
| </td> |
| <td> |
| <p>column 3 </p> |
| </td> |
| <td> |
| <p>column 4 </p> |
| </td> |
| </tr> |
| </thead> |
| <tbody> |
| <tr> |
| <td></td> |
| <td></td> |
| <td></td> |
| <td></td> |
| </tr> |
| <tr> |
| <td rowspan="2"> |
| <p>row 2 text... text... </p> |
| </td> |
| <td rowspan="2"> |
| <p>Content </p> |
| <blockquote> |
| <p>-----------</p> |
| </blockquote> |
| </td> |
| <td> |
| <ul> |
| <li></li> |
| </ul> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| <p class="lineblock"> <br /><br /></p> |
| </td> |
| </tr> |
| </tbody> |
| </table> |
| <table> |
| <thead> |
| <tr> |
| <td> |
| <p>row 1, col 1 </p> |
| </td> |
| <td> |
| <p>column 2 </p> |
| </td> |
| <td> |
| <p>column 3 </p> |
| </td> |
| <td> |
| <p>column 4 </p> |
| </td> |
| </tr> |
| </thead> |
| <tbody> |
| <tr> |
| <td></td> |
| <td></td> |
| <td></td> |
| <td></td> |
| </tr> |
| <tr> |
| <td> |
| <p>row 2 </p> |
| </td> |
| <td> |
| <p>Use the command ``ls </p> |
| </td> |
| <td> |
| <p>more``. </p> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| <p>row 3 </p> |
| </td> |
| <td> |
| <p></p> |
| </td> |
| <td> |
| <p></p> |
| </td> |
| <td> |
| <p></p> |
| </td> |
| </tr> |
| </tbody> |
| </table> |
| <table> |
| <thead> |
| <tr> |
| <td> |
| <p>row 1, col 1 </p> |
| </td> |
| <td> |
| <p>column 2 </p> |
| </td> |
| <td> |
| <p>column 3 </p> |
| </td> |
| <td> |
| <p>column 4 </p> |
| </td> |
| </tr> |
| </thead> |
| <tbody> |
| <tr> |
| <td></td> |
| <td></td> |
| <td></td> |
| <td></td> |
| </tr> |
| <tr> |
| <td> |
| <p>row 2 </p> |
| </td> |
| <td> |
| <p> Use the command <code>ls | more</code>. </p> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| <p>row 3 </p> |
| </td> |
| <td> |
| <p></p> |
| </td> |
| <td> |
| <p></p> |
| </td> |
| <td> |
| <p></p> |
| </td> |
| </tr> |
| </tbody> |
| </table> |
| <table> |
| <thead> |
| <tr> |
| <td> |
| <p>row 1, col 1 </p> |
| </td> |
| <td> |
| <p>column 2 </p> |
| </td> |
| <td> |
| <p>column 3 </p> |
| </td> |
| <td> |
| <p>column 4 </p> |
| </td> |
| </tr> |
| </thead> |
| <tbody> |
| <tr> |
| <td></td> |
| <td></td> |
| <td></td> |
| <td></td> |
| </tr> |
| <tr> |
| <td> |
| <p>row 2 </p> |
| </td> |
| <td> |
| <p>Use the command <code>ls | more</code>. </p> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| <p>row 3 </p> |
| </td> |
| <td> |
| <p></p> |
| </td> |
| <td> |
| <p></p> |
| </td> |
| <td> |
| <p></p> |
| </td> |
| </tr> |
| </tbody> |
| </table> |
| </body> |
| </html> |
