Tabeller

Opret tabel

Start med 1) at oprette en tabel i teksteditoren. I dette eksempel vælger vi 2) en tabel med 4 rækker og 4 kolonner.

Du skal nu 1) udfylde tabellen med de relevante data. Gem derefter siden.

 

Du har nu oprettet en tabel, der ser således ud i frontend

I de fleste tilfælde vil man have behov for at gøre noget ved tabellen, for at den kan bruges. Man vil derfor være nødt til at style tabellen.

Sådan styler du tabeller

NB: Dette punkt er et kendt problem i typo3. Læs om problemet og løsningen på styling af tabeller her.

For at gøre tabellen mere læsevenlig, kan det være en god ide, at style sin tabel. F.eks. kan det ofte være en stor hjælp for læserne, at tabelrækkerne skifter mellem to forskellige farver.

Måden man ændrer på udseendet af sin tabel, er ved at tildele tabellen eller de enkelte rækker forskellige klasser.

Start med at trykke et vilkårligt sted i din tabel for at aktivere den. 1) Tryk på Tabel egenskaber

Nu skal du vælge hvilken farve hele din tabel skal have. I dette eksempel vælger vi 1) Mørk baggrund under Tabel klasser og trykker på ok. Nu er hele tabellen farvet i en mørk nuance.

Nu vil vi gerne farve hver anden linje i en lysere nuance. 1) Tryk på den række, du gerne vil give en anden farve - i dette tilfælde rækken med a,b,c og d, 2) Tryk på ikonet for Række egenskaber, 3) Vælg Lys baggrund under klasser og tryk ok.

Gentag denne fremgangsmåde for hver anden række i tabellen og du vil få følgende resultat i frontend

Alternativ måde at style tabeller

Der er en anden måde man kan style tabeller, så de bliver endnu mere læsevenlige på. Man kan vælge imellem 4 forskellige farvetemaer: Lyseblå, grå, lilla eller grøn. Man er dog nødt til at redigere i sidens html kode, for at kunne oprette dem.

Start med at oprette din tabel, som beskrevet øverst på denne side - uden at style den. Når tabellen er færdig, skal du 1) klikke på hmtl-knappen, der skifter til html visning.

I html-visningen skal du 1) tilføje den markerede tekst til <table> tagget. 2) Tryk derefter på html knappen igen og gem siden.

Du vil nu have en tabel, der ser således ud:

Kolonne 1Kolonne 2Kolonne 3Kolonne 4
abcd
efgh
ijkl

Der er fire forskellige farver, du kan vælge til dine tabeller:

  • class="au_table-style2" (lyseblå tabel)
  • class="au_table-style2 au_green-bg" (grøn tabel)
  • class="au_table-style2 au_grey-bg" (grå tabel)
  • class="au_table-style2 au_purple-bg" (lilla tabel)
1186 / typo3