Tabelle Set Spalte-Breite über Markdown

Habe ich ein Projekt mit Schiefer, die ermöglicht die Verwendung von Tabellen-markup-Code in das folgende format.

Name | Value
------- | -------------------
`Value-One` | Long explanation
`Value-Two` | Long explanation
`etc` | Long explanation

Mein problem ist, dass die erste Spalte gerendert wird, zu schmal ist, und ist die Verpackung der Inhalt (also das brechen des Codes Werte in zwei Zeilen) anstatt es auf eine einzige Zeile. Meine Präferenz ist, dass die erste Spalte breit genug sein, um den Namen/key vollständig, und dann die zweite Spalte kann bis der rest des verfügbaren Speicherplatzes.

Meine Frage ist, ob es möglich ist (und daher, wie), um die Spaltenbreite über markup oder zumindest eine Klasse hinzufügen, um die Tabelle via-markup (, so dass ich Stil eine bestimmte Tabelle via CSS). Oder gibt es eine bessere Vorgehensweise? Ich würde es vorziehen, nicht zu haben zu schreiben, die die Tabelle in der vollständigen HTML (das wäre eine Letzte resort-option).

Schiefer macht nicht jede Erwähnung eines solchen Features in Ihre docs und ich bin mir nicht bewusst jede Markdown-Tabelle-Implementierung bietet eine solche Funktion. Ich würde vorschlagen, roh-HTML-Code für diese Art der Kontrolle.

InformationsquelleAutor pnairn | 2016-03-21

  1. 7

    Ich bin mir nicht sicher, ob das funktioniert in deinem Fall.

    Können Sie versuchen, das einwickeln der Tabelle in ein div und dann style es per CSS:

    <div class="foo">

Header | header
------ | -----
Bar | bar

</div>

    CSS:

    .foo table {
  styles...
}

    Funktionieren sollte.

    Hoffe geholfen zu haben!

    die Antwort ist klug, aber diese Antwort ist die richtige. Ich habe gerade verschwendet 30 Minuten meines Lebens, die versuchen, etwas zu bekommen, sieht anständig in einem "Markdown " Tabelle", und es ist höllische Arbeit.
    fairer Punkt. Ich denke, der beste Weg, es zu tun, wenn Sie mit Kramdown, ist das hinzufügen einer benutzerdefinierten Klasse markup mit {:.foo}. about.gitlab.com/handbook/product/technical-writing/...
    Das ist eine erstaunlich nützliche website, danke! Und so ist kramdown! Und hier ist ein wirklich hilfreich, cheat sheet, wenn nur die HTML-ized Tisch machen
    froh, Sie zu wissen, wie es ist, ich schrieb, dass die Führer ?
    Oh, das man bei gitlab, oder die man bei divtable? In jedem Fall sind beide x-nützliche Ressourcen, also Doppel-danke 🙂

    InformationsquelleAutor Virtua Creative

  2. 17

    Ich suchte die Antwort für eine lange Zeit und haben endlich herausgefunden, diese Lösung. markdown-Spalten, die Breite ist bestimmt durch die längste Zelle in der Spalte, so verwenden Sie html-Raum Entität &nbsp; so oft wie nötig, um die Verbreiterung der Spalte.
    es sieht hässlich im edit-Modus aber endlich den trick tun:

    Name &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; | Value
------- | -------------------
`Value-One` | Long explanation
`Value-Two` | Long explanation
`etc` | Long explanation
    Beachten Sie die Leerzeichen zwischen den Entitäten. Es wird nicht funktionieren ohne Sie: &nbsp; &nbsp;
    Es versucht, mit Leerzeichen zwischen den Entitäten, nicht gut aussah, nahmen Sie die Räume, funktionierte perfekt.
    Dies schien tatsächlich zu teilt den Raum in zwei Zeilen und wusste nicht, erhöhen Sie die Breite (auf Github)
    Wenn youre kämpft mit Tabellen, die größer als die maximale Breite, und Sie versuchen zu verhindern, brechen in mehrere Linien, verwenden Sie nur &nbsp; (no brake space) und kein normales Leerzeichen.

    InformationsquelleAutor Paweł

  3. 9

    Dem einfachen Zusatz von eine leere <img> tag mit einer vordefinierten Breite für mich gearbeitet:

    |Name|Value|
|---- | ---------|
|<img width=200/>|<img width=500/>|

    Vermutlich, ob es funktioniert, hängt von der parser verwendet. Die oben wurde in BookStack.

    Als es stellt sich heraus, es kommt auch auf den verwendeten browser zum anzeigen der resultierenden Tabelle. So könnte es nicht in allen Fällen funktionieren.

    Ths ist die einzige Lösung, die für mich gearbeitet. Plus, ich stellte die leeren <img> - tags im header, neben dem Spaltennamen, um zu vermeiden, die Schaffung der leeren Zeile.

    InformationsquelleAutor garethTheRed

  4. 4

    Zusätzlich zu dem, was erwähnt wurde, habe ich noch zwei weitere Tipps zur Kontrolle der Breite der Spalten in einer HTML-oder Potenzialität PDF generiert von einer MD mit pandoc.

    1. mutliline-Tabellen

    Überprüfen Sie die Dokumentation für details, hier sind zwei Beispiele, die es ermöglichen, Sie zu tune Sie die Breite der Spalten, wie Sie wollen.

    Aus der Dokumentation:

    In mehrzeiligen Tabellen, die Tabelle parser achtet auf die Breite der Spalten an, und die Autoren versuchen, zu reproduzieren, diese relativen breiten in der Ausgabe. Also, wenn Sie feststellen, dass einer der Spalten zu schmal in der Ausgabe, versuchen Sie, die Verbreiterung es in der Markdown-Quelltext.

    a)

    -----------------------------------------------------------------------
type                A                                  B
----- -------------------------------- --------------------------------
 abc  ![img](assets/some-image-n1.png) ![img](assets/some-image-n2.png)

defg  ![img](assets/some-image-n3.png) ![img](assets/some-image-n4.png)
-----------------------------------------------------------------------

    b)

    ----------- ------- --------------- -------------------------
   First    row                12.0 Example of a row that
                                    spans multiple lines.

  Second    row                 5.0 Here's another one. Note
                                    the blank line between
                                    rows.
----------- ------- --------------- -------------------------

: Here's a multiline table without headers.

    2. Controlling Bildbreite in der Tabelle

    Oft fand ich mich selbst im Umgang mit overflow beim erzeugen der Tabelle der Bilder, die von markdown. Die übergabe width=XYZpx argument markdown-image-parser hat den trick für mich und ist sehr einfach:

    type | *A* | *B*
:---: | :---: | :---:
abc |![img](assets/some-image-n1.png){width=200px}|![img](assets/some-image-n2.png){width=200px}
def |![img](assets/some-image-n3.png){width=200px}|![img](assets/some-image-n4.png){width=200px}

    Können Sie auch überprüfen, diese Antwort die korrekte Dimensionierung Bilder in markdown.

    InformationsquelleAutor Martin

Schreibe einen Kommentar