web-dev-qa-db-fra.com

Jekyll kramdown comment afficher la bordure de la table

J'utilise le kramdown par défaut de Jekyll. J'ai une table montré en utilisant 

surround text, etc.

| Tables        | Are           | Cool  |
| ------------- |:-------------:| -----:|
| col 3 is      | right-aligned | $1600 |
| col 2 is      | centered      |   $12 |
| zebra stripes | are neat      |    $1 |

surround text...

Mais la table n'a pas de bordure. Comment montrer la frontière. 

jekyllkramdown
25
vancexu

Le style de table minimum est

table{
    border-collapse: collapse;
    border-spacing: 0;
    border:2px solid #ff0000;
}

th{
    border:2px solid #000000;
}

td{
    border:1px solid #000000;
}
15
David Jacquel

J'ai pu attribuer une classe de style à une table de démarchage de cette façon. Il donne un tableau avec une bordure de ligne noire et une bordure entre les cellules.

Exemple de démarquage: dans le fichier hello-world.md

| Item | Description | Price |
| --- | --- | ---: |
| item1 | item1 description | 1.00 |
| item2 | item2 description | 100.00 |
{:.mbtablestyle}

SCSS dans le fichier _base.scss du répertoire/_sass /

.mbtablestyle {
        border-collapse: collapse;

   > table, td, th {
        border: 1px solid black;
        }
}

C'était dans la version 3.1.2 de Jekyll qui utilise Kramdown avec un IAL. L'IAL est à l'intérieur de {} et doit se trouver juste avant ou juste après le bloc auquel il est attribué dans le fichier de démarquage, sans lignes vierges entre eux.

25
MikeBRal

je viens de

| Item | Description | Price |
| --- | --- | ---: |
| item1 | item1 description | 1.00 |
| item2 | item2 description | 100.00 |
{:.table-striped}
0
Florian Oswald

J'ai réussi à faire quelque chose comme ça:

{:class="table table-bordered"}
| Tex Space     | Blue Space        | Lambda            |
|-------------- |----------------   |------------------ |
| sXYZ          | sBlue             | sXYZ abcde fghy   |
| Jaobe XTZ     | Blue Game 5.2     | 5.2               |

KramDown a utilisé le CSS de Table/Table Bordered (par exemple, il est défini dans Bootstrap).

0
Royi