Algunes mostres de taules

En primer lloc serà molt útil disposar d’un generador de taules per Markdown. Però ho s’ha de predre de vista que ho procesa Kramdown La taula per defecte seria una cosa així (té comportament responsiu 😊)

col 1 col 2 col 3 col 4
fil 1 1-1 1-2 1-3
fil 2 2-1 2-2 2-3
fil 3 3-1 3-2 3-3
Footer row

Si el que vols es que es comporti tipus Fundation amb “overflow-x:auto” (una barra de despaçament horitzontal), caldrà fer servir la classe table-ovf-x al final de la taula. És pot veure el resultat a la següent taula si entres en el mode de disseny adaptatiu del navegador o bé si ho mires amb un dispositiu mòbil.

col 1 col 2 col 3 col 4 col 5 col 6
fila 1 1-1 1-2 1-3 1-4 1-5
fila 2 2-1 2-2 2-3 2-4 2-5
fila 4 4-1 4-2 4-3 4-4 4-5
fila 5 5-1 5-2 5-3 5-4 5-5
fila 6 6-1 6-2 6-3 6-4 6-5
fila 7 7-1 7-2 7-3 7-4 7-5
fila 8 8-1 8-2 8-3 8-4 8-5

Com ampliar la capacitat de les taules

Si instal.les jekyll-spaceship, es poden utilizar certes funcions ampliades:

  • Cel·les que abasten diverses columnes
  • Cel·les que abasten diverses files
  • El text de les cel·les s’alineen per separat
  • La capçalera de la taula no és necessària
  • Files de capçalera de taula agrupades o files de dades

Si no veus bé els següents exemples és que no ho he instal·lat 😇.

Rowspan i Colspan

^^ en una cel·la indica que s’ha de combinar amb la cel·la de dalt. Aquesta característica és aportada per pmccloghrylaing.

Stage Direct Products ATP Yields
Glycolysis
2 ATP
2 NADH 3–5 ATP
Pyruvaye oxidation 2 NADH 5 ATP
Citric acid cycle

2 ATP
6 NADH 15 ATP
2 FADH 3 ATP
30–32 ATP
[ Net ATP yields per hexose]

Multilínia

Una barra invertida al final per unir el contingut de la cel·la amb les línies següents. Aquesta funció és aportada per Lucas-C.

Easy Multiline
Apple
Apple
Apple		 Banana
Banana
Banana		 Orange
Orange
Orange
Apple
Apple		 Banana
Banana		 Orange
Orange
Apple Banana Orange

Sense capçalera

La capçalera de la taula es pot eliminar.

♜   ♝ ♛ ♚ ♝ ♞ ♜
  ♟ ♟ ♟   ♟ ♟ ♟
♟   ♞          
  ♗     ♟      
        ♙      
          ♘    
♙ ♙ ♙ ♙   ♙ ♙ ♙
♖ ♘ ♗ ♕ ♔     ♖

Amb molts continguts

|:     Fruits \|\| Food           :|||
|:-------- |:-------- |:------------ |
| Apple    |: Apple  :|    Apple     \
| Banana   |  Banana  |    Banana    \
| Orange   |  Orange  |    Orange    |
|:   Rowspan is 5   :||:  How's it? :|
|^^   A. Peach       ||^^ 1. Fine    |
|^^   B. Orange      ||^^ 2. Bad  $I = \int \rho R^{2} dV$     |
|^^   C. Banana      ||   It's OK! ![example image][my-image]  |
[my-image]: http://www.unexpected-vortices.com/sw/rippledoc/example-image.jpg "An exemplary image"
Fruits || Food
Apple
Banana
Orange		 Apple
Banana
Orange		 Apple
Banana
Orange
Rowspan is 5
A. Peach
B. Orange
C. Banana		 How’s it?
  • Fine
  • Bad $I = \int \rho R^{2} dV$
    		•
    It’s OK! example image