github markdown colspan


95

Existe-t-il un moyen d'avoir ' colspan ' sur Github Markdown ?

J'essaye de créer une table où une ligne occupe quatre colonnes.

| One     | Two        | Three   | Four          | 
| ------------- |-------------| ---------| ------------- |
| One                | Two               | Three          | Four                |

| One     | Two        | Three   | Four          | 
| ------------- |-------------| ---------| ------------- |
| Span Across ||||

Vous pouvez voir un aperçu en direct en collant ce qui précède ici http://markdown-here.com/livedemo.html


3
Désolé de vous informer, Markdown ne prend pas en charge colspan ou rowspan.
mambrow

4
MultiMarkdown 4 prend en charge colspan , mais il n'est pas utilisé sur GitHub
fregante

Textile fait à la fois colspan et rowspan avec une syntaxe cohérente .
Cees Timmerman

Réponses:


73

Vous pouvez utiliser des tableaux HTML sur GitHub (mais pas sur StackOverflow)

<table>
  <tr>
    <td>One</td>
    <td>Two</td>
  </tr>
  <tr>
    <td colspan="2">Three</td>
  </tr>
</table>

Devient

Sortie de tableau HTML


50

Solution minimale de compromis:

| One    | Two | Three | Four    | Five  | Six 
| -
| Span <td colspan=3>triple  <td colspan=2>double

Ainsi, vous pouvez omettre la fermeture </td>pour la vitesse, ou vous pouvez partir pour la cohérence.

Résultat de http://markdown-here.com/livedemo.html : table de démarque avec colspan

Fonctionne dans Jupyter Markdown.

Mettre à jour:

À partir de l'année 2019, tous les tuyaux de la deuxième ligne sont obligatoires dans Jupyter Markdown.

| One    | Two | Three | Four    | Five  | Six
|-|-|-|-|-|-
| Span <td colspan=3>triple  <td colspan=2>double

au minimum:

One    | Two | Three | Four    | Five  | Six
-|||||-
Span <td colspan=3>triple  <td colspan=2>double

7
J'ai un problème avec cette solution si j'essaie d'utiliser un colspan sur la première colonne, un hack pour éviter cela serait à son tour d'ajouter une autre première colonne qui n'a pas de contenu ... Beurk ...
consideRatio

25
Cela ne fonctionne pas sur GitHub, CommonMark ni StackOverflow
fregante

2
Au moment de l'écriture, cela fonctionne sur les wikis GitHub. Cependant, GH ne sait pas que vous avez ajouté des colonnes supplémentaires, il ajoute donc des cellules vides sur la droite.
cxw

J'ai compris que les tuyaux sont facultatifs à l'éther au début et à la fin, ou aucun d'entre eux. Peut-être devriez-vous en ajouter un à la fin de ces lignes?
Sandburg

17

Il n'y a aucun moyen de le faire. Utilisez un tableau HTML ou placez le même texte sur plusieurs cellules.

comme ça:

| Can Reorder | 2nd operation |2nd operation |2nd operation |
| :---: | --- |
|1st operation|Normal Load <br/>Normal Store| Volatile Load <br/>MonitorEnter|Volatile Store<br/> MonitorExit|
|Normal Load <br/> Normal Store| | | No|
|Volatile Load <br/> MonitorEnter| No|No|No|
|Volatile store <br/> MonitorExit| | No|No|

qui ressemble à

Tableau HTML


utiliser || pour une portée sur deux colonnes ||| pour trois colonnes et ainsi de suite
Abhilash Reddy

15

J'ai récemment eu besoin de faire la même chose, et j'étais ravi que le colspan fonctionne bien avec des tuyaux consécutifs ||

MultiMarkdown v4.5

Testé sur v4.5 (dernier sur macports) et le v5.4 (dernier sur homebrew). Je ne sais pas pourquoi cela ne fonctionne pas sur le site de prévisualisation en direct que vous fournissez.

Un test simple avec lequel j'ai commencé était:

| Header ||
|--------------|
| 0 | 1 |

en utilisant la commande:

multimarkdown -t html test.md > test.html

27
Ce n'est pas pris en charge sur github
GnP

3
Cela ressemble à un bon balisage, j'aimerais qu'il soit adopté.
akauppi

-8

L'ajout breakrésout votre problème. Vous pouvez stocker plus d'un enregistrement dans une cellule car le démarquage ne prend pas en charge beaucoup de fonctionnalités.


7
On ne sait pas ce que vous entendez par "Ajouter une pause". Pourriez-vous illustrer?
ivan_pozdeev

2
Qu'est-ce qu'un breakà MarkDown?
Sohail Si
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.