========================== Tables, Rows and Cells ========================== Scryber supports the use of tables with rows, cells and allows nesting, overflow, headings, footers and column-spans. It also supports the use of binding and repeating at the row and/or the cell level. .. figure:: ../images/samples_tabledatabound.png :alt: Tables bound to data. :width: 600px :class: with-shadow By default a table will consume as much width as needed, measured for the first 5 rows, but can be full width (`width:100%``). The thead and tbody are optional as in html, but help separate the content, and header rows will by default repeat across breaks. .. code:: html
Header 1 | Header 2 |
Content 1 | Content 2 |
Wide footer |
Cell 1.1 | Wider Cell 1.2 | Cell 1.3 |
Cell 2.1 | Cell 2.2 | Cell 2.3 |
Cell 3.1 | Cell 3.2 | Cell 3.3 |
Cell 1.1 | Wider Cell 1.2 | Cell 1.3 |
Cell 2.1 | Cell 2.2 | |
Cell 3.1 | Cell 3.2 | Cell 3.3 |
Header 1 | Header 2 | Header 3 |
Header 1 | Header 2 | Header 3 |
Cell 1 | Cell 2 | Cell 3 |
Cell 1 | Cell 2 | Cell 3 |
Cell 1 | Cell 2 | Cell 3 |
Cell 1 | Cell 2 | Cell 3 |
Cell 1 | Cell 2 | Cell 3 |
Cell 1 | Cell 2 | Cell 3 |
Cell 1 | Cell 2 | Cell 3 |
Cell 1 | Cell 2 | Cell 3 |
Cell 1 | Cell 2 | Cell 3 |
Cell 1 | Cell 2 | Cell 3 |
Cell 1 | Cell 2 | Cell 3 |
Cell 1 | Cell 2 | Cell 3 |
Cell 1 | Cell 2 | Cell 3 |
Cell 1 | Cell 2 | Cell 3 |
Cell 1 | Cell 2 | Cell 3 |
Cell 1 | Cell 2 | Cell 3 |
Cell 1 | Cell 2 | Cell 3 |
Cell 1 | Cell 2 | Cell 3 |
Footer |
Table with mixed content and another nested table | ||||||||||||||||
Left Side | Right Side | |||||||||||||||
Cell 1 | Cell 2 | |||||||||||||||
The image above is a beautiful landscape in the Cheshire countryside.
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus pulvinar, ipsum eu molestie elementum,
nibh ante ultricies dui, et euismod nulla sapien ac purus. Morbi suscipit elit tellus, nec elementum lacus dignissim a.
Aliquam molestie turpis consectetur rutrum pretium. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Quisque varius vitae erat sagittis facilisis. Vivamus quis tellus quis augue fringilla posuere vitae ac ante. Aliquam ultricies sodales cursus.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
|
|||||||||||||||
Footer |
# | Name | Value |
{{index()}} | {{.Key}} |
|