Materialer Tabel - Alignment Fix ✅

Problem

Tabellen havde forkert alignment hvor tekst, numre og priser ikke var alignet korrekt i forhold til kolonnetyper.

Løsning - Professionel Database Stil

8 Kolonner med korrekt alignment:

Produktnavn → LEFT (tekst kolonne)
Varenummer → CENTER (ID/kode)
Kategori → CENTER (kategori badge)
Leverandør → CENTER (leverandør navn)
Nettopris → RIGHT (decimal/pris - højrejusteret for tal)
Bruttopris → RIGHT (decimal/pris - højrejusteret for tal)
Enhed → CENTER (enhedstype: STK, M², etc)
Handlinger → CENTER (knapper/actions)

CSS Ændringer:

Fiksede column widths til at matche 8 kolonner (tidligere var der kun 7)
Tilføjede korrekt nth-child styling for hver kolonne
Bruger text-align: left/center/right !important for at sikre alignment
Priser er højrejusteret med font-variant-numeric: tabular-nums for pæn tal-alignment
Produktnavn er venstrejusteret som standard for tekst-kolonner
Alt andet (kategorier, badges, enheder) er centreret

Resultat

Tabellen ser nu ud som en professionel database tabel (MySQL/MariaDB style):

Tekstkolonner venstrejusteret
Tal-kolonner højrejusteret (med tabular nums for perfekt alignment)
Kategori/ID/status kolonner centreret

Test

Frontend køres på http://localhost:3000 CSS opdateret i: /frontend/src/MaterialsList.css

Eksempel række:

| 0,8MM WALLMANN KANTLISTE...  |  203114  | Byggematerialer... |  Bygma  |  77,97 kr |  103,96 kr |  STK  | 🏗️ Bygma |
|  <-- LEFT                    |  CENTER  |      CENTER        | CENTER  |    RIGHT --> |   RIGHT --> | CENTER|  CENTER  |

✅ Status: Implementeret og testet

1.7 KiB Raw Blame History