HTML-tabellgenerator

Bygger en HTML <table> från ett visuellt rutnät som du redigerar på plats. Konfigurera rader, kolumner, padding, avstånd, justering, rubrikrad, ram och rubrikens bakgrundsfärg, och kopiera sedan den genererade HTML-koden. Ett live-läge för förhandsvisning renderar tabellen (rensad med DOMPurify) så att du kan verifiera resultatet.

1. Ställ in Rows (1–50) och Columns (1–20) i kortet Table Settings 2. Växla Border och Header row, välj Alignment (left/center/right) och justera Cell padding/spacing 3. Ställ eventuellt in en bakgrundsfärg för rubriken via färgväljaren eller hex-inmatningen 4. I fliken Edit, klicka på valfri cell för att skriva innehåll direkt i den 5. Växla till fliken Preview för att se den renderade tabellen 6. Klicka på Copy i kortet Generated HTML för att kopiera märkspråket

Den genererade märkspråket använder äldre attribut: <table border cellpadding cellspacing align>, <thead>/<th> för den valfria rubriken med bgcolor, och <tbody>/<td> för kroppsrader. Använd Add Row / Add Column / Remove Last Row / Remove Last Column för att ändra storlek, eller Reset för att fylla rutnätet med platshållartext (Header N, Row N Col N).