Mooie tabellen in Joomla

Het is in Joomla heel eenvoudig om tabellen te maken in je artikelen. Echter, het kan wel een klus zijn om ze er een beetje mooi uit te laten zien.

Tabel styling in Joomla templates

In veel Joomla templates worden zaken geregeld ten aanzien van de styling van tabellen. Het kan daarom gebeuren dat een tabel er anders uitziet dan je verwacht. Zo kun je bijvoorbeeld in de tabel aangeven dat je geen celranden wilt tonen.

Maar als je dan de tabel bekijkt op je website, dan worden er wel celranden getoond. Dit komt dan, doordat in het template opmaak geregeld is voor tabel celranden.

Een mooie tabel die er hetzelfde uitziet in elk template

Je kunt vrij eenvoudig in Joomla mooie tabellen aanmaken die er hetzelfde uitzien, ongeacht welk template je gebruikt. Hiervoor is een heel handig hulpmiddel beschikbaar, namelijk de Abivia Supertable Plugin.

Met deze plugin kun je heel snel je tabellen van een mooi uiterlijk voorzien. In de onderstaande video zie je de plugin aan het werk.

In de bovenstaande video zie je hoe je je eigen stylesheet kunt gebruiken voor het stylen van je tabellen. Om een stylesheet te uploaden, zul je via ftp een verbinding met de bestanden en mappen van je website moeten maken. In deze video vind je informatie over FTP.

Als je deze video handig vindt, klik dan even op de like, tweet of de google plus knop.

Reacties  

#18 Pascal 22-11-2016 19:56
Hallo.
Ik heb een vraag over het gebruik van de "supertable" functie. Wanneer ik deze toepas op onze website (Joomla versie 1.5), wordt de tabel wel mooi omgezet echter krijg ik boven de tabel de volgende regel te zien:
Warning: constant() [function.const ant]: Couldn't find constant PLG_ABIVIASUPER TABLE_TABLE_TYP E_MISSING in C:\domains\lars heimtennis.nl\w wwroot\larsheim \plugins\system \abiviasupertab le\AstCompat.ph p on line 11

Kun je mij hiermee helpen?

Vr. gr.
Pascal
Citeer
#17 anouk 09-10-2015 17:53
Ik wil een grafiek a, en voor kinderen in mijn klas dat ik makkelijk kan zisn of ze het goed of fout hebben
Citeer
#16 Jan Kijlstra 17-04-2015 09:43
Dag Meindert
Jouw instructievideo 's zijn erg goed. Beter dan die van veel anderen. Mar ze hebben ook hetzelfde probleem.
Ik zou ze ook wel graag als step-by-step tutorial op papier hebben, want ik kan niet tegelijk naar jouw video kijken èn werken in de site.
Met een afgdrukt tutorial kan ik dat wel.
Citeer
#15 Ulrich Geimer 17-01-2015 17:14
Hallo Mindert,

De info-mail over tabellen kwam voor mij precies op tijd. Want tabellen maken met JCE editor is een crime.
Moest wel wat trucs uithalen omdat cellen samenvoegen een probleem gaf. Toen maar een extra tabel voor de "kop" gemaakt en die erboven gezet. Tot mijn verbazing sloot deze naadloos aan. Zie mijn site.

Bedankt en vr. groeten, Ulrich
Citeer
#14 Ab 24-02-2014 17:03
Mindert,

Allereerst bedankt voor de goede uitleg en de hints.
Ik ben net begonnen in joomla en kan dus alle hulp gebruiken.
Ik heb alles volgend de uileg uitgevoerd en het ziet er op een PC perfect uit....
alleen niet op mijn Ipad. Is er een manier om de tabel "responsive" te maken?

BVD,
Ab
Citeer
#13 Martin Wagemans 21-02-2014 15:05
Mindert,

Zoals ik van je gewend ben is dit weer een goede uitleg over hoe je mooie tabellen kunt maken en inrichten naar eigen wens met CSS-codering

Groet,

Martin
Citeer
#12 niko tetteroo 20-02-2014 15:18
Beste Mindert,
Dank voor je mooie video. Maar heb helaas toch een probleem met de plugin. Ik ben bezig een simpel smoelenboek te maken voor onze vereniging en heb daarvoor twee tabellen gemaakt, met links de foto en rechts naam en adresgegevens. Alle cellen even groot. Met toepassing van abivia krijg ik de linkerkolom prima maar in de recht ontbreekt de tekst. Enig idee hoe dat kan?
Citeer
#11 Mark Mellink 19-02-2014 13:49
Bedankt voor deze tip. Duidelijke en goed uitgelegd!
Citeer
#10 Bert 19-02-2014 00:33
Ik was al langer op zoek om de tabellen op te fleuren. Bedankt voor de tip. Echt een leerzaam filmpje!

Met vr. gr.

Bert
Citeer
#9 Loes 18-02-2014 20:58
Hallo Mindert
Weer een prima uitleg! Is wel een like-je waard. Waar heb je knop verstopt?
Citeer

Plaats reactie

Beveiligingscode
Vernieuwen