Generator tabel Markdown
Ustaw liczbę wierszy i kolumn, wpisz dane w tabelę – generator stworzy kod Markdown i HTML gotowy do skopiowania.
Czym są tabele w Markdown?
Tabele w Markdown pozwalają prezentować dane tabelaryczne w prosty, czytelny sposób – zarówno w kodzie źródłowym, jak i po wyrenderowaniu. Są powszechnie używane w dokumentacji, plikach README, blogach technicznych i systemach wiki.
Podstawowa składnia
Tabela Markdown składa się z trzech elementów:
- Wiersz nagłówkowy – nazwy kolumn oddzielone
| - Wiersz separatora – myślniki
---oddzielające nagłówek od treści - Wiersze danych – wartości oddzielone
|
| Kolumna 1 | Kolumna 2 | Kolumna 3 |
|-----------|-----------|-----------|
| Wartość A | Wartość B | Wartość C |
| Wartość D | Wartość E | Wartość F |
Wyrównanie tekstu w kolumnach
Wyrównanie definiuje się w wierszu separatora za pomocą dwukropków:
| Składnia | Wyrównanie | Przykład |
|---|---|---|
--- lub :--- | Do lewej (domyślne) | Tekst |
:---: | Do środka | Tekst |
---: | Do prawej | Liczby |
| Produkt | Ilość | Cena |
|:-----------|:-----:|---------:|
| Jabłka | 5 | 12,50 zł |
| Banany | 3 | 8,99 zł |
Ograniczenia tabel Markdown
| Ograniczenie | Opis | Obejście |
|---|---|---|
| Scalanie komórek | Brak colspan/rowspan | Użyj HTML |
| Wieloliniowość | Komórka = jedna linia | <br> w komórce |
| Listy w komórkach | Nie obsługiwane natywnie | HTML lub <br> |
| Zagnieżdżanie | Brak tabeli w tabeli | HTML |
| Formatowanie | Ograniczone do inline | Bold, italic, kod |
| Szerokość kolumn | Brak kontroli | Zależy od renderera |
Dozwolone formatowanie w komórkach
- Pogrubienie:
**tekst** - Kursywa:
*tekst* Kod inline:`kod`- Linki:
[tekst](url) Przekreślenie:~~tekst~~- Obrazy:
Tabele Markdown vs HTML
| Cecha | Markdown | HTML |
|---|---|---|
| Czytelność źródła | Wysoka | Niska |
| Scalanie komórek | ✗ | ✓ (colspan, rowspan) |
| Stylowanie | ✗ | ✓ (CSS) |
| Wieloliniowość | ✗ | ✓ |
| Zagnieżdżanie | ✗ | ✓ |
| Nagłówek tabeli | Wymagany | Opcjonalny |
| Szybkość pisania | Wysoka | Niska |
Gdzie używane są tabele Markdown?
- GitHub/GitLab – pliki README, issues, pull requesty, wiki
- Dokumentacja techniczna – Docusaurus, MkDocs, VitePress
- Blogi – Hugo, Jekyll, Gatsby, Next.js
- Notatki – Obsidian, Notion, Bear
- Komunikatory – Slack, Discord (częściowe wsparcie)
- Systemy CMS – Strapi, Contentful (pola Markdown)
Wskazówki i dobre praktyki
- Wyrównuj kolumny w źródle dla czytelności (nie jest wymagane, ale ułatwia edycję)
- Pierwsza i ostatnia kreska (
|) są opcjonalne, ale zwiększają czytelność - Unikaj bardzo szerokich tabel – trudne do czytania na urządzeniach mobilnych
- Używaj wyrównania do prawej dla kolumn z liczbami i cenami
- Dla złożonych tabel – rozważ HTML lub dedykowane narzędzia
- Escape pipe – użyj
\|jeśli potrzebujesz|wewnątrz komórki
Generowanie tabel Markdown
Zamiast pisać tabele ręcznie, możesz skorzystać z:
- Generatorów online – konwersja z CSV, Excel lub interfejsu graficznego
- Edytorów z podglądem – VS Code + rozszerzenie Markdown Preview
- Konwersji z innych formatów – CSV → Markdown, JSON → Markdown
- Skryptów – automatyczne generowanie z danych programistycznych
Jeśli ten kalkulator był przydatny, sprawdź również: JSON, .htpasswd, CV i więcej kalkulatorów.
Kalkulator zawiera walidację danych wejściowych i działa lokalnie w przeglądarce. Dzięki temu możesz szybko porównać różne scenariusze bez przesyłania danych na serwer.
Najczęstsze pytania (FAQ)
Jak wygląda tabela w Markdown?
Nagłówki oddzielone | i ---, np.: | Kol 1 | Kol 2 |\n| --- | --- |\n| dane | dane |. Obsługiwane przez GitHub, GitLab, VS Code i większość generatorów stron.
Czy można łączyć komórki w Markdown?
Nie. Czysty Markdown nie obsługuje colspan/rowspan. Jeśli potrzebujesz scalania komórek, użyj HTML <table> wewnątrz pliku Markdown.
Jak wyrównać tekst w kolumnie?
W linii separatora: :--- (lewo), :---: (środek), ---: (prawo). Np. | :---: | wyrówna kolumnę do środka.