Generator tabel HTML și Markdown

Exemple de tabele

Variante gata făcute: copiază codul direct sau deschide exemplul în generator și modifică-l după nevoie.

| Produs | Cantitate | Preț |
| :--- | :---: | ---: |
| Laptop | 1 | 3.499 lei |
| Mouse | 2 | 89 lei |

<table>
  <caption>Prețuri abonamente</caption>
  <thead>
    <tr>
      <th scope="col">Plan</th>
      <th scope="col">Preț lunar</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Basic</td>
      <td>29 lei</td>
    </tr>
  </tbody>
</table>

| Comandă | Explicație |
| --- | --- |
| ls \| grep txt | listează doar fișierele .txt |

Cum folosești generatorul de tabele

1. Selectează celulele în Excel sau Google Sheets, copiază-le cu Ctrl+C și lipește-le în câmpul de date. Merge și text CSV, separat prin virgulă.
2. Bifează Primul rând este antet dacă primul rând conține numele coloanelor.
3. Alege formatul: HTML, Markdown sau CSV. Pentru Markdown, alege alinierea fiecărei coloane: stânga, centru sau dreapta.
4. Verifică previzualizarea tabelului, apoi copiază codul. Datele rămân în browser; nu se trimite nimic către server.

Când copiezi din Excel sau Google Sheets, celulele ajung în clipboard separate prin tab, iar rândurile prin rând nou. De aceea lipirea funcționează fără export.

Structura unui tabel HTML

Antetul stă în <thead>, datele în <tbody>. Celulele de antet sunt <th>, iar atributul scope spune dacă se referă la o coloană sau la un rând. <caption> dă tabelului un titlu, citit și de cititoarele de ecran.

<table>
  <caption>Prețuri abonamente</caption>
  <thead>
    <tr><th scope="col">Plan</th><th scope="col">Preț lunar</th></tr>
  </thead>
  <tbody>
    <tr><th scope="row">Start</th><td>19 lei</td></tr>
    <tr><th scope="row">Pro</th><td>49 lei</td></tr>
  </tbody>
</table>

Tabele în Markdown

Coloanele se despart cu |, iar sub antet vine un rând de cratime. Două puncte arată alinierea: la stânga :---, centrat :---:, la dreapta ---:. Tabelele fac parte din GitHub Flavored Markdown și sunt suportate de GitHub, GitLab, Obsidian și majoritatea editoarelor, dar nu de Markdown-ul original.

| Plan  | Preț lunar | Utilizatori |
|:------|-----------:|:-----------:|
| Start |     19 lei |      1      |
| Pro   |     49 lei |      5      |

Când nu folosești tabele

Tabelele sunt pentru date pe rânduri și coloane. Pentru așezarea unei pagini în coloane folosește CSS Grid sau Flexbox: un tabel de layout încurcă cititoarele de ecran și nu se adaptează bine pe telefon. Pentru tabele late pe mobil, pune tabelul într-un container cu overflow-x: auto.

Întrebări frecvente

Pot pune o bară verticală într-o celulă Markdown?

Da, scrisă \|. Generatorul face singur această înlocuire.

De ce nu se păstrează formatarea din Excel?

Se copiază doar valorile celulelor. Culorile, celulele unite și formulele nu ajung în tabel; stilul îl dai apoi cu CSS.