Demoside med tabeller

Her kan du få overblik over udviklede komponenter i Umbraco, der kan indeholde tabeller, som tilføjes af en redaktør. Flere af komponenterne har forskellige indstillinger, der kan skabe variation i layout og design.

Vejledning til tabeller

Basis tabel med overskrift - uden row label

Basis uden row label

Emne	Overskrift1	Overskrift2	Overskrift3	Overskrift4
Række 1	2,34	3,33	4,26	3,65
Række 2	6,34	7,24	8,64	2,45
Række 3	5,23	4,36	2,24	7,23
Række 4	5,23	4,36	2,24	7,23
Række 5	5,23	4,36	2,24	7,23
Række 6	5,23	4,36	2,24	7,23

Fodnote

Basis tabel uden overskrift - uden row label

	Overskrift1	Overskrift2	Overskrift3	Overskrift4
Række 1	2,34	3,33	4,26	3,65
Række 2	6,34	7,24	8,64	2,45
Række 3	5,23	4,36	2,24	7,23
Række 4	5,23	4,36	2,24	7,23
Række 5	5,23	4,36	2,24	7,23
Række 6	5,23	4,36	2,24	7,23

Basis tabel med overskrift - med row label

Basis med row label

Emne	Overskrift1	Overskrift2	Overskrift3	Overskrift4
Række 1¹	2,34	3,33	4,26	3,65
Række 2	6,34	7,24	8,64	2,45
Række 3	5,23	4,36	2,24	7,23

¹ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

Basis tabel uden overskrift - med row label

Emne	Overskrift1	Overskrift2	Overskrift3	Overskrift4
Række 1	2,34	3,33	4,26	3,65
Række 2	6,34	7,24	8,64	2,45
Række 3	5,23	4,36	2,24	7,23

Basis tabel med overskrift i faner - med row label

Basis tabel med row label

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

Emne	Overskrift1	Overskrift2	Overskrift3	Overskrift4
Række 1	2,34	3,33	4,26	3,65
Række 2	6,34	7,24	8,64	2,45
Række 3	5,23	4,36	2,24	7,23

Basis tabel med row label

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

Emne	Overskrift1	Overskrift2	Overskrift3	Overskrift4
Række 1	2,34	3,33	4,26	3,65
Række 2	6,34	7,24	8,64	2,45
Række 3	5,23	4,36	2,24	7,23

Sammenligningstabel med overskrift i 5 kolonner

Comparison table

	Produkt 1 Link	Produkt 2 Link	Produkt 3 Link	Produkt 4 Link	Produkt 5 Link
ROI	2,45	3,34	4,24	0,00	1,00
Ydelse	6,29	7,46	8,64	0,00	2,00
Faktorialrente	0,77	1,24	2,35	0,00	3,00
Fordele	Lorem ipsum dolor sit amet. Phasellus in dignissim lectus.	Lorem ipsum dolor sit amet. Phasellus in dignissim lectus.	Lorem ipsum dolor sit amet. Phasellus in dignissim lectus.	Lorem ipsum dolor sit amet. Phasellus in dignissim lectus.	Lorem ipsum dolor sit amet. Phasellus in dignissim lectus.
Vær opmærksom på	Lorem ipsum dolor sit amet. Phasellus in dignissim lectus.	Lorem ipsum dolor sit amet. Phasellus in dignissim lectus.	Lorem ipsum dolor sit amet. Phasellus in dignissim lectus.	Lorem ipsum dolor sit amet. Phasellus in dignissim lectus.	Lorem ipsum dolor sit amet. Phasellus in dignissim lectus.

Sammenligningstabel med overskrift og billeder

Comparison table

Model	Produkt 1 Link	Produkt 2 Link	Produkt 3 Link
Produkt
Ydelse	6,29	7,46	8,64
Faktorialrente	0,77	1,24	2,35
Fordele	Lorem ipsum dolor sit amet. Phasellus in dignissim lectus.	Lorem ipsum dolor sit amet. Phasellus in dignissim lectus.	Lorem ipsum dolor sit amet. Phasellus in dignissim lectus.
Vær opmærksom på	Lorem ipsum dolor sit amet. Phasellus in dignissim lectus.	Lorem ipsum dolor sit amet. Phasellus in dignissim lectus.	Lorem ipsum dolor sit amet. Phasellus in dignissim lectus.

Sammenligningstabel uden overskrift

Emne	Overskrift	Overskrift	Overskrift
Række 1	2,34	3,33	4,26
Række 2	6,34	7,24	8,64
Række 3	5,23	4,36	2,24

Accordion med rammeløs tabel

Produkt	Beskrivelse/Description	Dokument
FX Barrier Option (long)	FXO KI Buy Call USDDKK 6M	DK EN DE
FX Barrier Option (long)	FXO KI Sell Call USDDKK 6M	DK EN DE
FX Barrier Option (long)	FXO KO Buy Call USDDKK 6M	DK EN DE
FX Barrier Option (long)	FXO KO Sell Call USDDKK 6M	DK EN DE
FX Barrier Option (short)	FXO KI Buy Put USDDKK 6M	DK EN DE
FX Barrier Option (short)	FXO KI Sell Put USDDKK 6M	DK EN DE
FX Barrier Option (short)	FXO KO Buy Put USDDKK 6M	DK EN DE

#10

Basis tabel uden overskrift og uden ramme i 8 kolonner

Pak tabellen ind med <div class="banner-green invisible-border eight-columns "></div>

Type	Beløb
Depot- og opbevaringsomkostninger	0 kr.
Anskaffelsesomkostninger - kurtage	0 kr.
Anskaffelsesomkostninger - valutaskæring	99 kr.
Omkostninger for udbytteudbetalinger	0 kr.
Anskaffelsesomkostninger VP transaktionsgebyr	0 kr.
Omkostninger i alt	99 kr.

#11

Basis tabel uden overskrift og med ramme i 8 kolonner

Pak tabellen ind med <div class="banner-green eight-columns"></div>

Type	Beløb
Depot- og opbevaringsomkostninger	0 kr.
Anskaffelsesomkostninger - kurtage	0 kr.
Anskaffelsesomkostninger - valutaskæring	99 kr.
Omkostninger for udbytteudbetalinger	0 kr.
Anskaffelsesomkostninger VP transaktionsgebyr	0 kr.
Omkostninger i alt	99 kr.

#12

Basis tabel med overskrift og med ramme i 8 kolonner

Pak tabellen ind med <div class="banner-green eight-columns" data-headline="Overskrift"></div>

Omkostninger i alt efter 1 år

Type	Beløb
Depot- og opbevaringsomkostninger	0 kr.
Anskaffelsesomkostninger - kurtage	0 kr.
Anskaffelsesomkostninger - valutaskæring	99 kr.
Omkostninger for udbytteudbetalinger	0 kr.
Anskaffelsesomkostninger VP transaktionsgebyr	0 kr.
Omkostninger i alt	99 kr.

#13

Basis tabel med fast bredde i første kolonne

Basis uden row label

Type	Beløb
Depot- og opbevaringsomkostninger	0 kr.
Anskaffelsesomkostninger - kurtage	0 kr.
Anskaffelsesomkostninger - valutaskæring	99 kr.
Omkostninger for udbytteudbetalinger	0 kr.
Anskaffelsesomkostninger VP transaktionsgebyr	0 kr.
Omkostninger i alt	99 kr.

#14

Sammenligningstabel med overskrift og med ramme i 8 kolonnner

	Produkt 1 Link	Produkt 2 Link	Produkt 3 Link
ROI	2,45	3,34	4,24
Ydelse	6,29	7,46	8,64
Faktorialrente	0,77	1,24	2,35
Fordele	Lorem ipsum dolor sit amet. Phasellus in dignissim lectus.	Lorem ipsum dolor sit amet. Phasellus in dignissim lectus.	Lorem ipsum dolor sit amet. Phasellus in dignissim lectus.
Vær opmærksom på	Lorem ipsum dolor sit amet. Phasellus in dignissim lectus.	Lorem ipsum dolor sit amet. Phasellus in dignissim lectus.	Lorem ipsum dolor sit amet. Phasellus in dignissim lectus.

#15

Sammenligningstabel uden overskrift og uden ramme i 8 kolonnner

	Produkt 1 Link	Produkt 2 Link	Produkt 3 Link
ROI	2,45	3,34	4,24
Ydelse	6,29	7,46	8,64
Faktorialrente	0,77	1,24	2,35
Fordele	Lorem ipsum dolor sit amet. Phasellus in dignissim lectus.	Lorem ipsum dolor sit amet. Phasellus in dignissim lectus.	Lorem ipsum dolor sit amet. Phasellus in dignissim lectus.
Vær opmærksom på	Lorem ipsum dolor sit amet. Phasellus in dignissim lectus.	Lorem ipsum dolor sit amet. Phasellus in dignissim lectus.	Lorem ipsum dolor sit amet. Phasellus in dignissim lectus.

Demoside med tabeller

Basis tabel med overskrift - uden row label

Basis uden row label

Basis tabel uden overskrift - uden row label

Basis tabel med overskrift - med row label

Basis med row label

Basis tabel uden overskrift - med row label

Basis tabel med overskrift i faner - med row label

Basis tabel med row label

Basis tabel med row label

Overskrift1

Overskrift2

Overskrift3

Overskrift4

Sammenligningstabel med overskrift i 5 kolonner

Comparison table

Sammenligningstabel med overskrift og billeder

Comparison table

Sammenligningstabel uden overskrift

Accordion med rammeløs tabel

Rammeløs tabel

Basis tabel uden overskrift og uden ramme i 8 kolonner

Basis tabel uden overskrift og med ramme i 8 kolonner

Basis tabel med overskrift og med ramme i 8 kolonner

Omkostninger i alt efter 1 år

Basis tabel med fast bredde i første kolonne

Basis uden row label

Sammenligningstabel med overskrift og med ramme i 8 kolonnner

Sammenligningstabel uden overskrift og uden ramme i 8 kolonnner