SuperDevTools

Markdown-Tabelle erstellen (auch HTML und LaTeX)

Zeile
Spalte
Ausrichtung
Spalte sortieren

Vorhandene Tabelle importieren

Exportieren

Vorschau

Tastatur: Tab springt zur nächsten Zelle, Enter geht nach unten (und hängt am Tabellenende eine Zeile an), Umschalt+Enter geht nach oben, die Pfeiltasten bewegen um eine Zelle. Zellen verbinden ist nicht möglich, damit die Tabellen mit Markdown kompatibel bleiben. Es wird nichts hochgeladen: alles bleibt in Ihrem Browser.

Markdown-Tabelle erstellen, ohne Striche zu zählen

Mit diesem Generator können Sie eine Markdown-Tabelle erstellen wie in einer Tabellenkalkulation: Sie tippen in die Zellen, und der Code wird bei jedem Tastendruck neu geschrieben. Dieselbe Tabelle gibt es auch als HTML-Tabelle, in LaTeX, als CSV, als umrahmter ASCII-Text oder als JSON. Nützlich für eine README-Datei, ein Wiki, die Bachelorarbeit oder ein Protokoll. Es wird nichts hochgeladen; die letzte Tabelle bleibt auf diesem Gerät gespeichert.

So funktioniert es

  1. In eine Zelle klicken und tippen. Tab springt zur nächsten Zelle, Enter nach unten (unter der letzten Zeile entsteht eine neue), Umschalt+Enter nach oben, die Pfeiltasten um eine Zelle.
  2. Die Gruppen „Zeile“ und „Spalte“ fügen die aktive Zeile oder Spalte ein, löschen oder verschieben sie. „Kopfzeile“ macht die erste Zeile zu Spaltentiteln.
  3. „Links“, „Mitte“ und „Rechts“ richten die aktive Spalte aus; „Aufsteigend“ und „Absteigend“ sortieren nach ihr, die Kopfzeile bleibt oben.
  4. Format wählen, dann „Kopieren“ oder „Herunterladen“.

Die Syntax einer Markdown-Tabelle

Eine Markdown-Tabelle besteht aus einer Kopfzeile, einer Trennzeile aus Bindestrichen und einer Zeile pro Datensatz; senkrechte Striche trennen die Zellen. So sieht die Ausgabe für eine kleine Umsatzübersicht aus, die Betragsspalte rechtsbündig:

  • | Monat | Umsatz (€) |
  • | ------- | ---------: |
  • | Januar | 1.250,00 |
  • | Februar | 980,50 |

Doppelpunkte in der Trennzeile legen die Ausrichtung fest: :--- links, :---: zentriert, ---: rechts. Die Option „Spalten mit Leerzeichen ausrichten“ füllt die Zellen auf, damit der Rohtext lesbar bleibt; die Darstellung ändert sich dadurch nicht. Ein senkrechter Strich in einer Zelle, etwa a|b, wird als a\|b geschrieben.

Markdown kennt keine verbundenen Zellen und keine Zeilenumbrüche in einer Zelle, und eine Kopfzeile ist Pflicht. Das Werkzeug bleibt deshalb bewusst einfach und verbindet keine Zellen. Ohne „Kopfzeile“ ergänzt der Markdown-Export eine leere Kopfzeile und weist darauf hin.

Eine barrierefreie HTML-Tabelle

Der HTML-Export setzt die Spaltentitel in <thead> als <th scope="col"> und die Daten in <tbody>; ein Screenreader nennt so vor jedem Wert den Spaltennamen. Das Feld „Beschriftung (caption)“ ergänzt ein <caption>: ein Satz, der sagt, was die Tabelle zeigt. Unter „Gestaltung“ gibt es schlichten Code, Klassen oder minimale „Inline-Styles“ für E-Mails. Die Zeichen < und & werden maskiert, <b> & co erscheint also als Text.

LaTeX, ASCII, CSV und JSON

Für LaTeX schreibt das Werkzeug eine tabular-Umgebung, deren Buchstaben l, c und r Ihrer Ausrichtung folgen, mit oder ohne „Rahmen“. Sonderzeichen werden maskiert: 50 % und F&E werden zu 50 \% und F\&E.

„ASCII-Text“ zeichnet einen Rahmen aus +---+. Umlaute wie ä, ö, ü und das ß zählen als ein Zeichen, chinesische Schriftzeichen und Emojis als zwei; je nach Schrift kann ein Emoji die Zeile trotzdem leicht verschieben. CSV gibt es mit Komma, Semikolon oder Tabulator, JSON als Liste von Objekten mit den Spaltentiteln als Schlüsseln.

Aus einer Tabellenkalkulation kopieren

Markieren Sie einen Bereich in Ihrer Tabellenkalkulation, kopieren Sie ihn und fügen Sie ihn in eine Zelle ein: Die durch Tabulatoren getrennten Spalten werden ab dieser Zelle verteilt, das Raster wächst mit. Eine vorhandene Markdown-, HTML- oder CSV-Tabelle fügen Sie unter „Zu importierende Tabelle“ ein und klicken auf „Ins Raster importieren“. Beim Sortieren gilt die deutsche Schreibweise: 980,50 kommt vor 1.250,00.

Häufige Fragen

Kann ich Zellen verbinden?

Nein, Markdown erlaubt das nicht. Eine importierte HTML-Tabelle mit verbundenen Zellen wird getrennt: Der Text steht in der ersten Zelle, die übrigen bleiben leer.

Wie bekomme ich einen senkrechten Strich in eine Zelle?

Einfach tippen. Der Markdown-Export schreibt \|, der Import macht daraus wieder einen Strich.

Was macht „Transponieren“?

Es tauscht Zeilen und Spalten: Aus 4 Zeilen mal 3 Spalten werden 3 Zeilen mal 4 Spalten. Die Ausrichtungen werden zurückgesetzt.

Werden meine Daten übertragen?

Nein, alles läuft in der Seite. Die Tabelle bleibt nur im Speicher Ihres Browsers; „Alles löschen“ ersetzt sie durch ein leeres Raster mit 3 × 3 Zellen.