Inhoud in tabellen presenteren

Laatst bijgewerkt op 27 apr. 2021

Meer informatie over hoe u tabellen kunt gebruiken om inhoud op uw website weer te geven. Bekijk hier ook informatie over het splitsen en samenvoegen van cellen en over tabelgegevens importeren en exporteren.

Tabellen zijn een krachtige tool voor het presenteren van tabulaire gegevens op een HTML-pagina. Een tabel bestaat uit een of meer rijen. Elke rij bestaat uit een of meer cellen. Hoewel kolommen meestal niet expliciet worden opgegeven in HTML-code, stelt Dreamweaver je in staat om zowel kolommen als rijen en cellen te manipuleren.

Notitie

Het wordt aanbevolen om geen tabellen te gebruiken voor de lay-out van je webpagina. Probeer de startersjablonen (Bestand > Nieuw > Startersjablonen) om aan de slag te gaan met vooraf ontworpen lay-outs.Je kunt je eigen tekst en afbeeldingen invoegen in deze layouts en ze opmaken met CSS.

Opmaakprioriteit van tabellen in HTML

Wanneer u tabellen in de ontwerpweergave opmaakt, kunt u eigenschappen voor de volledige tabel of voor geselecteerde rijen, kolommen of cellen in de tabel instellen. Wanneer u een eigenschap (zoals de achtergrondkleur of uitlijning) op een bepaalde waarde voor de hele tabel instelt en op een andere waarde voor afzonderlijke cellen, heeft de celopmaak voorrang boven de rijopmaak. De rijopmaak heeft op zijn beurt voorrang boven de tabelopmaak.

Voor tabelopmaak geldt de volgende volgorde:

  1. Cellen
  2. Rijen
  3. Tabel

Als je bijvoorbeeld de achtergrondkleur voor een enkele cel instelt op blauw en vervolgens de achtergrondkleur van de hele tabel op geel instelt, wijzigt de blauwe cel niet in geel, omdat celopmaak voorrang heeft op tabelopmaak.

Notitie

Wanneer je eigenschappen instelt voor een kolom, wijzigt Dreamweaver de kenmerken van de td-tag die overeenkomt met elke cel in de kolom.

Over het splitsen en samenvoegen van tabelcellen

Je kunt elk aantal aangrenzende cellen samenvoegen—zolang de hele selectie een lijn of rechthoek van cellen is—om één cel te maken die meerdere kolommen of rijen overspant.Je kunt een cel splitsen in elk aantal rijen of kolommen, ongeacht of deze eerder was samengevoegd. Dreamweaver herstructureert automatisch de tabel (door benodigde colspan- of rowspan-kenmerken toe te voegen) om de opgegeven indeling te creëren.

In het volgende voorbeeld zijn de cellen in het midden van de eerste twee rijen samengevoegd tot een enkele cel die twee rijen overspant.

Samengevoegde cellen

Een tabel invoegen en inhoud toevoegen

Gebruik het paneel Invoegen of het menu Invoegen om een nieuwe tabel te maken. Voeg vervolgens tekst en afbeeldingen toe aan tabelcellen op dezelfde manier als je tekst en afbeeldingen toevoegt buiten een tabel.

Plaats het invoegpunt waar je de tabel wilt laten verschijnen.

Notitie

Als je document leeg is, kun je het invoegpunt alleen aan het begin van het document plaatsen.

  • Selecteer Invoegen > Tabel.

  • Klik in de HTML-categorie van het paneel Invoegen op Tabel.

Stel de kenmerken van het dialoogvenster Tabel in en klik op OK om de tabel te maken.
Een tabel maken
Een tabel maken

Rijen

Hiermee bepaalt u het aantal tabelrijen.

Kolommen

Hiermee bepaalt u het aantal tabelkolommen.

Tabelbreedte

Geeft de breedte van de tabel aan in pixels of als percentage van de breedte van het browservenster.

Randdikte

Hiermee wordt de breedte van de tabelranden in pixels vastgelegd.

Celafstand

Hiermee wordt het aantal pixels tussen aangrenzende tabelcellen vastgelegd.

Notitie

Wanneer u niet expliciet waarden voor de randdikte of celafstand en celopvulling toewijst, worden in de meeste browsers de randdikte van de tabel en de celopvulling op één pixel ingesteld en de celafstand op twee pixels. Als u wilt dat de tabel in een browser zonder randen, opvulling of afstand wordt weergegeven, stelt u Celopvulling en Celafstand in op 0.

Celopvulling

Bepaalt het aantal pixels tussen de rand van een cel en de inhoud ervan.

Geen

Hiermee kunt u de weergave van kolom- of rijkoppen voor de tabel uitschakelen.

Links

Maakt de eerste kolom van de tabel tot een kolom voor koppen, zodat je een kop kunt invoeren voor elke rij van de tabel.

Boven

Maakt de eerste rij van de tabel tot een rij voor koppen, zodat je een kop kunt invoeren voor elke kolom van de tabel.

Beide

Hiermee kunt u kolom- en rijkoppen voor de tabel opgeven.

Notitie

Het is raadzaam koppen te gebruiken voor het geval dat bezoekers van uw website schermleesapparaten gebruiken. Met schermleesapparaten worden tabelkoppen gelezen, zodat de gebruikers van deze apparaten beter kunnen nagaan waar zich welke gegevens bevinden in de tabel.

Bijschrift

Biedt een tabeltitel die buiten de tabel wordt weergegeven.

Samenvatting

Hier kunt u een beschrijving van de tabel opnemen. Schermlezers lezen de samenvattingstekst, maar de tekst verschijnt niet in de browser van de gebruiker.

Tabellen importeren en exporteren

Je kunt tabulaire gegevens die zijn gemaakt in een andere applicatie (zoals Microsoft Excel) en opgeslagen in een tekstbestand met scheidingstekens (met items gescheiden door tabs, komma's, dubbele punten of puntkomma's) importeren in Dreamweaver en opmaken als een tabel.

Je kunt ook tabelgegevens van Dreamweaver exporteren naar een tekstbestand, waarbij de inhoud van aangrenzende cellen wordt gescheiden door een scheidingsteken.Je kunt komma's, dubbele punten, puntkomma's of spaties gebruiken als scheidingstekens.Wanneer je een tabel exporteert, wordt de hele tabel geëxporteerd; je kunt geen delen van een tabel selecteren om te exporteren.

Notitie

Als je slechts enkele gegevens uit een tabel wilt—bijvoorbeeld de eerste zes rijen of de eerste zes kolommen—kopieer dan de cellen met die gegevens, plak die cellen buiten de tabel (om een nieuwe tabel te maken) en exporteer de nieuwe tabel.

Tabelgegevens importeren

Selecteer Bestand > Import > Importeer tabulaire gegevens.

Geef de opties voor de tabelgegevens op en klik op OK.

Gegevensbestand

Hier kunt u de naam opgeven van het bestand dat u wilt importeren. Klik op de knop Verkennen om een bestand te selecteren.

Scheidingsteken

Hier kunt u het scheidingsteken opgeven dat wordt gebruikt in het bestand dat u wilt importeren.

Als u Overige selecteert, wordt er rechts van het pop-upmenu een tekstvak weergegeven. Typ het scheidingsteken dat in uw bestand wordt gebruikt.

Notitie

Geef het scheidingsteken op dat is gebruikt op het moment dat het gegevensbestand werd opgeslagen. Als u dit niet doet, wordt het bestand niet juist ingevoerd en worden uw gegevens verkeerd in een tabel opgemaakt.

Tabelbreedte

Hier kunt u de breedte van de tabel opgeven.

  • Selecteer Aanpassen aan gegevens om elke kolom breed genoeg te maken voor de langste tekenreeks in de kolom.

  • Selecteer Instellen om een vaste tabelbreedte op te geven in pixels of als percentage van de breedte van het browservenster.

Rand

Hiermee wordt de breedte van de tabelranden in pixels vastgelegd.

Celopvulling

Het aantal pixels tussen de inhoud van een cel en de celgrenzen.

Celafstand

Hier kunt u het aantal pixels tussen aangrenzende tabelcellen opgeven.

Notitie

Wanneer u niet expliciet waarden voor de randen, celafstand en celopvulling toewijst, worden in de meeste browsers de randdikte van de tabel en de celopvulling op één pixel ingesteld en de celafstand op twee pixels. Als u wilt dat de tabel in een browser zonder opvulling of afstand wordt weergegeven, stelt u Celopvulling en Celafstand in op 0. Als u de cel- en tabelgrenzen wilt weergeven wanneer de randdikte is ingesteld op 0, selecteert u Weergave > Visuele hulpmiddelen > Tabelranden.

Bovenste rij opmaken

Bepaalt welke opmaak, indien aanwezig, wordt toegepast op de bovenste rij van de tabel.Selecteer uit vier opmaakopties: geen opmaak, vet, cursief of vet cursief.

Een tabel exporteren

Plaats het invoegpunt in een willekeurige cel van de tabel.
Selecteer Bestand > Exporteren > Tabel.
Geef de volgende opties op:

Scheidingsteken

Geeft aan welk scheidingsteken moet worden gebruikt om items in het geëxporteerde bestand te scheiden.

Regeleinden

Geeft aan welk besturingssysteem je gebruikt om het geëxporteerde bestand te openen: Windows, Macintosh of UNIX.(Verschillende besturingssystemen hebben verschillende manieren om het einde van een tekstregel aan te geven.)

Klik op Exporteren.
Voer een naam in voor het bestand en klik op Opslaan.

Tabelelementen selecteren

Je kunt een hele tabel, rij of kolom tegelijk selecteren.Je kunt ook een of meer individuele cellen selecteren.

Wanneer je de aanwijzer over een tabel, rij, kolom of cel beweegt, markeert Dreamweaver alle cellen in die selectie zodat je weet welke cellen worden geselecteerd.Dit is handig wanneer je tabellen zonder randen hebt, cellen die meerdere kolommen of rijen overspannen, of geneste tabellen.Je kunt de markeringskleur wijzigen in de voorkeuren.

Notitie

Als je de aanwijzer over de rand van een tabel plaatst en vervolgens de Control-toets (Windows) of Command-toets (Macintosh) ingedrukt houdt, wordt de hele structuur van de tabel—dat wil zeggen, alle cellen in de tabel—gemarkeerd.Dit is handig wanneer je geneste tabellen hebt en de structuur van een van de tabellen wilt zien.

Een volledige tabel selecteren

Voer een van de volgende handelingen uit om een tabel te selecteren:

  • Klik op de linkerbovenhoek van de tabel om de tabel te selecteren.
  • Klik in een tabelcel en selecteer vervolgens de tag in de tagselector in de linkeronderhoek van het documentvenster.
  • Klik in een tabelcel, klik op het tabelkopmenu en selecteer vervolgens Tabel selecteren. Er verschijnen selectiegrepen op de onder- en rechterrand van de geselecteerde tabel.
  • Klik in een tabelcel en selecteer Bewerken > Tabel > Tabel selecteren.

Selecteer individuele of meerdere rijen of kolommen

Plaats de aanwijzer aan de linkerkant van een rij of aan de bovenkant van een kolom.
Wanneer de aanwijzer verandert in een selectiepijl, klik om een rij of kolom te selecteren, of sleep om meerdere rijen of kolommen te selecteren.
Een rij selecteren

Eén kolom selecteren

Klik in de kolom.
Klik op het menu van de kolomkop en kies Kolom selecteren.

Eén cel selecteren

Voer een van de volgende handelingen uit:

  • Klik in de cel en selecteer vervolgens de <td>-tag in de tagkiezer in de linkerbenedenhoek van het documentvenster.
  • Houd de Control-toets (Windows) of de Command-toets (Macintosh) ingedrukt en klik in de cel.

Selecteer een lijn of een rechthoekig blok met cellen

Voer een van de volgende stappen uit:
  • Sleep vanuit een cel naar een andere cel.

  • Klik in één cel, houd de Control-toets (Windows) of de Command-toets (Macintosh) ingedrukt en klik in dezelfde cel om deze te selecteren. Houd vervolgens de Shift-toets ingedrukt en klik in een andere cel.

Een blok met cellen selecteren

Niet-aangrenzende cellen selecteren

Ctrl+klik (Windows) of Cmd+klik (Macintosh) op de cellen, rijen of kolommen die je wilt selecteren.

Als elke cel, rij of kolom waarop je Control-klikt of Command-klikt niet al geselecteerd is, wordt deze toegevoegd aan de selectie. Als deze al geselecteerd is, wordt deze uit de selectie verwijderd.

Wijzig de accentkleur voor tabelelementen

Selecteer Bewerken > Voorkeuren (Windows) of Dreamweaver > Voorkeuren (Macintosh).
Selecteer Markeren in de categorielijst aan de linkerkant, breng een van de volgende wijzigingen aan en klik op OK.
  • Als u de markeerkleur voor tabelelementen wilt wijzigen, klikt u op het vak Kleur bij aanwijzen met muis en selecteert u vervolgens een markeerkleur met de kleurkiezer (of typt u in het tekstvak de hexadecimale waarde voor de markeerkleur).

  • Als u de markering van tabelelementen wilt in- of uitschakelen, schakelt u de optie Weergeven bij Aanwijzen met muis in of uit.

Notitie

Deze opties zijn van toepassing op alle objecten die Dreamweaver markeert wanneer je de muisaanwijzer eroverheen beweegt.  

Tabeleigenschappen instellen

Je kunt het eigenschappenvenster gebruiken om tabellen te bewerken.

Selecteer een tabel.
Wijzig in de Property inspector (Venster > Eigenschappen) eigenschappen waar nodig.
Tabeleigenschappen
Tabeleigenschappen

Tabel-id

Hier wordt de id van de tabel weergegeven.

Rijen en kolommen

Hier wordt het aantal rijen en kolommen in de tabel aangegeven.

W

De breedte van de tabel in pixels of als percentage van de breedte van het browservenster.

Notitie

U hoeft de hoogte van een tabel meestal niet in te stellen.

Celopvulling

Het aantal pixels tussen de inhoud van een cel en de celranden.

Celafstand

Hier kunt u het aantal pixels tussen aangrenzende tabelcellen opgeven.

Uitlijnen

Hiermee bepaalt u waar de tabel verschijnt ten opzichte van andere elementen in dezelfde alinea, zoals tekst of afbeeldingen.

Met Links wordt de tabel links uitgelijnd aan de linkerkant van andere elementen (zodat tekst in dezelfde alinea rond de rechterkant van de tabel loopt), met Rechts wordt tabel rechts uitgelijnd aan de rechterkant van andere elementen (zodat tekst links rond de tabel loopt) en met Centreren wordt de tabel gecentreerd (zodat tekst boven en/of onder de tabel verschijnt). Met Standaard wordt aangegeven dat de standaarduitlijning in de browser moet worden gevolgd.

Notitie

Wanneer u de uitlijning op Standaard instelt, wordt de overige inhoud niet naast de tabel weergegeven. Gebruik Links of Rechts uitlijnen als u een tabel naast andere inhoud wilt weergeven.

Rand

Hiermee wordt de breedte van de tabelranden in pixels vastgelegd.

Notitie

Wanneer u niet expliciet waarden voor de randen, celafstand en celopvulling toewijst, worden in de meeste browsers de randdikte van de tabel en de celopvulling op één pixel ingesteld en de celafstand op twee pixels. Als u wilt dat de tabel in een browser zonder opvulling of afstand wordt weergegeven, stelt u Rand, Celopvulling en Celafstand in op 0. Als u de cel- en tabelgrenzen wilt weergeven wanneer de randdikte is ingesteld op 0, selecteert u Weergave > Visuele hulpmiddelen > Tabelranden.

Klasse

Hiermee stelt u een CSS-klasse in voor de tabel.

Notitie

U moet mogelijk de eigenschappencontrole van de tabel uitvouwen om de volgende opties weer te geven. Als u de eigenschappencontrole van de tabel wilt uitvouwen, klikt u op de uitvouwpijl in de rechterbenedenhoek.

Kolombreedte wissen en rijhoogten wissen

en Kolomhoogten wissen: hiermee verwijdert u alle expliciet opgegeven rijhoogten of kolombreedten uit de tabel.

Met Tabelbreedten omzetten in pixels

en Tabelhoogten naar pixels converteren stellen de Breedte of hoogte van elke kolom in de tabel in op de huidige Breedte in pixels (stelt ook de Breedte van de hele tabel in op de huidige Breedte in pixels).

Met Tabelbreedten omzetten in percentages

en Tabelhoogten naar procenten converteren stellen de Breedte of hoogte van elke kolom in de tabel in op de huidige Breedte uitgedrukt als een percentage van de Breedte van het documentvenster (stelt ook de Breedte van de hele tabel in op de huidige Breedte als een percentage van de Breedte van het documentvenster).

Als je een waarde in een tekstvak hebt ingevoerd, druk je op Tab of Enter (Windows) of Return (Macintosh) om de waarde toe te passen.

Cel-, rij- of kolomeigenschappen instellen

Je kunt de Property inspector gebruiken om cellen en rijen in een tabel te bewerken.

Selecteer de kolom of rij.
Stel in Eigenschapcontrole (Venster > Eigenschappen) de volgende opties in:

Horizontaal

Geeft de horizontale uitlijning van de inhoud van een cel, rij of kolom aan.Je kunt de inhoud links, rechts of gecentreerd in de cellen uitlijnen, of je kunt aangeven dat de browser zijn standaarduitlijning moet gebruiken (meestal links voor gewone cellen en gecentreerd voor koptekstcellen).

Verticaal

Geeft de verticale uitlijning van de inhoud van een cel, rij of kolom aan.Je kunt de content boven, midden, onder of op de basislijn van de cellen uitlijnen, of aangeven dat de browser zijn standaarduitlijning moet gebruiken (meestal midden).

B en H

Hier kunt u de breedte en hoogte van de geselecteerde cellen opgeven in pixels of als percentage van de breedte of hoogte van de volledige tabel. Als u een percentage wilt opgeven, typt u achter de gewenste waarde een percentageteken (%). Als u wilt dat de juiste breedte of hoogte in de browser wordt bepaald op grond van de inhoud van de cel en de breedten en hoogten van de andere kolommen en rijen, laat u het veld leeg (dit is de standaardinstelling).

In een browser worden de rijhoogte en kolombreedte standaard zodanig ingesteld dat de breedste afbeelding of de langste regel in een kolom past. Daarom wordt een kolom soms veel breder dan de andere kolommen in de tabel wanneer u er inhoud aan toevoegt.

Notitie

U kunt een hoogte opgeven als percentage van de totale tabelhoogte. In browsers wordt de rij dan echter niet altijd volgens het opgegeven percentage weergegeven.

Achtergrond

De achtergrondkleur voor een cel, kolom of rij, gekozen met de kleurkiezer.

Cellen samenvoegen

Hiermee kunt u geselecteerde cellen, rijen of kolommen in één cel samenvoegen. U kunt cellen alleen samenvoegen als ze een rechthoekig of lineair blok vormen.

Cel splitsen

Hiermee kunt u een cel in twee of meer cellen splitsen. Je kunt slechts één cel tegelijk splitsen; deze knop is uitgeschakeld als meer dan één cel is geselecteerd.

Geen terugloop

Voorkomt regelomloop, waarbij alle tekst in een bepaalde cel op één regel blijft. Als Niet omlopen is ingeschakeld, worden cellen breder om ruimte te bieden aan alle gegevens die je typt of plakt in een cel.(Normaal gesproken breiden cellen zich horizontaal uit om het langste woord of breedste afbeelding in de cel te accommoderen, en vervolgens verticaal indien nodig om andere content te accommoderen.)

Kop

Formatteert de geselecteerde cellen als tabelkoptekstcellen.De inhoud van tabelkoptekstcellen is standaard vet en gecentreerd.

Notitie

Je kunt breedtes en hoogtes specificeren als pixels of percentages, en je kunt converteren van pixels naar percentages en terug.

Notitie

Wanneer je eigenschappen instelt voor een kolom, wijzigt Dreamweaver de attributen van de td-tags die overeenkomen met elke cel in de kolom.Wanneer je echter bepaalde eigenschappen voor een rij instelt, wijzigt Dreamweaver de attributen van de tr-tag in plaats van de attributen van elke td-tag in de rij te wijzigen.Wanneer je dezelfde opmaak toepast op alle cellen in een rij, levert het toepassen van de opmaak op de tr tag schonere, beknoptere HTML-code op.

Druk op Tab of Enter (Windows) of Return (Macintosh) om de waarde toe te passen.

Tabellen en cellen opmaken

Je kunt het uiterlijk van tabellen wijzigen door eigenschappen in te stellen voor de tabel en de cellen of door een vooraf ingestelde opmaak toe te passen op de tabel.Voordat je tabel- en celeigenschappen instelt, moet je weten dat de voorrangsvolgorde voor opmaak cellen, rijen en tabellen is.

Notitie

Gebruik dezelfde procedures die je zou gebruiken om tekst buiten een tabel op te maken om de tekst binnen een tabelcel op te maken.

De opmaak van een tabel, rij, cel of kolom wijzigen

Selecteer een tabel, cel, rij of kolom.
Klik in het Eigenschappenvenster (Venster > Eigenschappen) op de uitbreidingspijl in de rechteronderhoek en wijzig indien nodig de eigenschappen.
Wijzig de eigenschappen als dat nodig is.

Klik op het pictogram Help op de Eigenschappencontrole voor meer informatie over de opties.

Notitie

Wanneer je eigenschappen instelt voor een kolom, wijzigt Dreamweaver de kenmerken van de td-tag die overeenkomt met elke cel in de kolom. Wanneer je bepaalde eigenschappen voor een rij instelt, wijzigt Dreamweaver echter de kenmerken van de tr-tag in plaats van de kenmerken van elke td-tag in de rij te wijzigen. Wanneer je dezelfde opmaak toepast op alle cellen in een rij, levert het toepassen van de opmaak op de tr-tag schonere, beknoptere HTML-code op.

Toegankelijkheidswaarden voor een tabel toevoegen of bewerken in Codeweergave

Bewerk de juiste kenmerken in de code.
Notitie

Om de tags snel te vinden in de code, klik je in de tabel en selecteer je vervolgens de <table>-tag in de tagselectie onder in het documentvenster.

Toegankelijkheidswaarden voor een tabel toevoegen of bewerken in Ontwerpweergave

  • Om het tabelbijschrift te bewerken, markeer je het bijschrift en typ je een nieuw bijschrift.
    • Om de uitlijning van het bijschrift te bewerken, plaats je de invoegpositie in het tabelbijschrift, klik je met de rechtermuisknop (Windows) of Control+klik (Macintosh) en selecteer je vervolgens Tagcode bewerken.

    • Om de tabelsamenvatting te bewerken, selecteer je de tabel, klik je met de rechtermuisknop (Windows) of Ctrl+klik (Macintosh) en selecteer je vervolgens Tagcode bewerken.

Tabellen, kolommen en rijen groter/kleiner maken

Tabellen groter/kleiner maken

Je kunt het formaat van een hele tabel of individuele rijen en kolommen wijzigen.Wanneer je het formaat van een hele tabel wijzigt, veranderen alle cellen in de tabel proportioneel van grootte.Als de cellen van een tabel expliciete breedtes of hoogtes hebben, verandert het wijzigen van het tabelformaat de visuele grootte van de cellen in het documentvenster, maar verandert het niet de opgegeven breedtes en hoogtes van de cellen.

Je kunt het formaat van een tabel wijzigen door een van de selectiegrepen te slepen.Dreamweaver toont de tabelbreedte samen met een tabelkoptekstmenu boven of onder de tabel wanneer de tabel is geselecteerd of het invoegpunt zich in de tabel bevindt.

Soms komen de kolombreedtes die in de HTML-code zijn ingesteld niet overeen met hun schijnbare breedtes op het scherm.Wanneer dit gebeurt, kun je de breedtes gelijk maken.Tabel- en kolombreedtes en koptekstmenu's verschijnen in Dreamweaver om je te helpen bij het opmaken van je tabellen; je kunt de breedtes en menu's indien nodig in- of uitschakelen.

Kolommen en rijen groter/kleiner maken

Je kunt de breedte van een kolom of de hoogte van een rij wijzigen in de Eigenschappencontrole of door de randen van de kolom of rij te slepen.Als je problemen hebt met het wijzigen van de grootte, kun je de kolombreedtes of rijhoogtes wissen en opnieuw beginnen.

Notitie

Je kunt celbreedtes en -hoogtes ook rechtstreeks in de HTML-code wijzigen met behulp van de codeweergave.

Dreamweaver toont kolombreedtes samen met kolomkoptekstmenu's boven of onder kolommen wanneer de tabel is geselecteerd of de invoegpositie zich in de tabel bevindt; je kunt de kolomkoptekstmenu's indien nodig in- of uitschakelen.

Een tabel groter of kleiner maken

Selecteer de tabel. Als u Live View gebruikt, wordt de elementweergave weergegeven wanneer u de tabel selecteert. Klik op het hamburger-pictogram om de tabelopmaakmodus te openen.

  • Om het formaat van de tabel horizontaal te wijzigen, sleep je de selectiegreep aan de rechterkant.

  • Om het formaat van de tabel verticaal te wijzigen, sleep je de selectiegreep aan de onderkant.

  • Om het formaat van de tabel in beide dimensies te wijzigen, sleep je de selectiegreep in de rechteronderhoek.

Druk op Esc of klik buiten de tabel om de opmaakmodus voor de tabel in Live View af te sluiten. Je kunt de menuopties Bewerken > Tabel gebruiken om de tabel verder aan te passen.

Opmerking: oe opties in het menu Bewerken > Tabel kunnen afwijken afhankelijk van of u de hele tabel of een enkele cel hebt geselecteerd. De elementweergave in Live View geeft 'table' aan wanneer de hele tabel is geselecteerd en 'td' wanneer een bepaalde cel is geselecteerd. Om te schakelen van celopmaak naar tabelopmaakmodus, klik je op de tabelrand.

De breedte van een kolom wijzigen en de totale tabelbreedte behouden

Sleep in de ontwerpweergave de rechterrand van de kolom die je wilt wijzigen.

De breedte van de aangrenzende kolom verandert ook, dus je wijzigt eigenlijk twee kolommen.Visuele feedback toont je hoe de kolommen zullen worden aangepast; de totale tabelbreedte verandert niet.

De kolombreedte wijzigen met behoud van de tabelbreedte

Notitie

In tabellen met op percentages gebaseerde breedtes (niet pixels) verandert de breedte van de hele tabel als je de rechterrand van de meest rechtse kolom sleept, en alle kolommen worden proportioneel breder of smaller.

Wijzig de breedte van een kolom en behoud de grootte van de andere kolommen

Houd in de ontwerpweergave de Shift-toets ingedrukt en sleep de rand van de kolom.

De breedte van één kolom wordt aangepast. Visuele feedback toont hoe de kolommen zich aanpassen; de totale tabelbreedte wijzigt om zich aan te passen aan de kolom die je wijzigt.

De breedte van een kolom wijzigen zonder de breedte van de andere kolommen te veranderen

De hoogte van een rij visueel wijzigen

Versleep de onderrand van de rij.

Maak kolombreedtes in code consistent met visuele breedtes

Klik in een cel.
Klik op het tabelkoptekstmenu en selecteer vervolgens Alle breedtes consistent maken.

Dreamweaver stelt de in de code gespecificeerde breedte opnieuw in zodat deze overeenkomt met de visuele breedte.

Wis alle ingestelde breedtes of hoogtes in een tabel

Selecteer de tabel.
Voer een van de volgende handelingen uit:
  • Selecteer Bewerken > Tabel > Celbreedtes wissen of Bewerken > Tabel > Celhoogtes wissen.

  • Klik in de eigenschappencontrole (Venster > Eigenschappen) op de knop Rijhoogten wissen of de knop Kolombreedten wissen .

  • Klik op het tabelkoptekstmenu en selecteer vervolgens Alle hoogtes wissen of Alle breedtes wissen.

De ingestelde breedte van een kolom wissen

Klik in de kolom, klik op het kolomkoptekstmenu en selecteer Kolombreedte wissen.

Schakel tabel- en kolombreedtes en menu's in ontwerpweergave in of uit

Selecteer Weergave > Opties ontwerpweergave > Visuele hulpmiddelen > Tabelbreedtes.

Rijen en kolommen toevoegen en verwijderen

Om rijen en kolommen toe te voegen en te verwijderen, gebruik je het menu Wijzigen > Tabel of het kolomkoptekstmenu.

Notitie

Door op Tab te drukken in de laatste cel van een tabel wordt automatisch een andere rij aan de tabel toegevoegd.

Eén rij of kolom toevoegen

Klik in een cel en voer een van de volgende handelingen uit:
  • Selecteer Bewerken > Tabel > Rij invoegen of Bewerken > Tabel > Kolom invoegen.

    Er verschijnt boven de invoegpositie een rij, of er verschijnt links van de invoegpositie een kolom.

  • Klik op het kolomkopmenu en selecteer vervolgens Kolom links invoegen of Kolom rechts invoegen.

     

Meerdere rijen of kolommen toevoegen

Klik in een cel.

Selecteer Bewerken > Tabel > Rijen of kolommen invoegen, vul het dialoogvenster in en klik op OK.

Invoegen

Hiermee geeft u aan of u rijen of kolommen wilt invoegen.

Aantal rijen of Aantal kolommen

Het aantal rijen of kolommen dat moet worden ingevoegd.

Waar

Geeft aan of de nieuwe rijen of kolommen moeten verschijnen vóór of na de rij of kolom van de geselecteerde cel.

Een rij of kolom verwijderen

Voer een van de volgende stappen uit:
  • Klik in een cel binnen de rij of kolom die je wilt verwijderen en selecteer vervolgens Bewerken > Tabel > Rij verwijderen of Bewerken > Tabel > Kolom verwijderen.

  • Selecteer een volledige rij of kolom en druk vervolgens op Delete.

  • Voer een van de volgende handelingen uit in de eigenschappencontrole (Venster > Eigenschappen):
    • Als u rijen wilt toevoegen of verwijderen, verhoogt of verlaagt u de waarde Rijen.
    • Als u kolommen wilt toevoegen of verwijderen, verhoogt of verlaagt u de waarde Kolommen.
Notitie

Dreamweaver waarschuwt je niet als je rijen en kolommen verwijdert die gegevens bevatten.

Cellen samenvoegen en splitsen

Gebruik de Eigenschappencontrole of de opties in het submenu Bewerken > Tabel om cellen te splitsen of samen te voegen.

Twee of meer cellen in een tabel samenvoegen

Selecteer de cellen in een aaneengesloten lijn en in de vorm van een rechthoek.

In de volgende illustratie is de selectie een rechthoek van cellen, zodat de cellen kunnen worden samengevoegd.

Cellen kunnen in een rechthoek met cellen worden samengevoegd

In de volgende illustratie is de selectie geen rechthoek, dus kunnen de cellen niet worden samengevoegd.

Cellen kunnen niet worden samengevoegd als de selectie geen rechthoek is

Voer een van de volgende handelingen uit:
  • Selecteer Bewerken > Tabel > Cellen samenvoegen.

  • In the expanded HTML Property inspector (Window > Properties), klik op Cellen samenvoegen.

Notitie

Als je de knop niet ziet, klik dan op de uitvouwpijl in de rechteronderhoek van Property inspector zodat je alle opties ziet.

De inhoud van de afzonderlijke cellen worden in de resulterende samengevoegde cel geplaatst. De eigenschappen van de eerst geselecteerde cel worden op de samengevoegde cel toegepast.

Een cel splitsen

Klik in de cel en doe een van het volgende:
  • Selecteer Bewerken > Tabel > Cel splitsen.

  • In the expanded HTML Property inspector (Window > Properties), klik op Cel splitsen.

Notitie

Als de knop niet zichtbaar is, klikt u op de uitvouwpijl rechtsonder in de eigenschappencontrole om alle opties weer te geven.

In het dialoogvenster Cel splitsen geef je op hoe de cel moet worden gesplitst:

Cel splitsen in

Hiermee geeft u op of u de cel in rijen of kolommen wilt splitsen.

Aantal rijen of Aantal kolommen

Specificeert in hoeveel rijen of kolommen de cel moet worden gesplitst.

Het aantal rijen of kolommen dat door een cel wordt overspannen vergroten of verkleinen

Voer een van de volgende stappen uit:
  • Selecteer Bewerken > Tabel > Rijoverspanning vergroten of Bewerken > Tabel > Kolomoverspanning vergroten.

  • Selecteer Bewerken > Tabel > Rijoverspanning verkleinen of Bewerken > Tabel > Kolomoverspanning verkleinen.

Cellen kopiëren, plakken en verwijderen

Je kunt een enkele tabelcel of meerdere cellen tegelijk kopiëren, plakken of verwijderen, waarbij de opmaak van de cellen behouden blijft.

Je kunt cellen plakken op de invoegpositie of in plaats van een selectie in een bestaande tabel. Om meerdere tabelcellen te plakken, moet de inhoud van het klembord compatibel zijn met de structuur van de tabel of de selectie in de tabel waarin de cellen worden geplakt.

Tabelcellen knippen of kopiëren

Selecteer een of meer cellen in een aaneengesloten lijn en in de vorm van een rechthoek.

In de volgende illustratie is de selectie een rechthoek van cellen, dus de cellen kunnen worden geknipt of gekopieerd.

Cellen kunnen in een rechthoek met cellen worden geknipt of gekopieerd

In de volgende illustratie is de selectie geen rechthoek, dus de cellen kunnen niet worden geknipt of gekopieerd.

Cellen kunnen niet worden geknipt of gekopieerd als de selectie geen rechthoek is

Selecteer Bewerken > Knippen, of Bewerken > Kopiëren.
Notitie

Als je een hele rij of kolom hebt geselecteerd en je selecteert Bewerken > Knippen, wordt de hele rij of kolom uit de tabel verwijderd (niet alleen de inhoud van de cellen).

Tabelcellen plakken

Selecteer waar u de cellen wilt plakken:
  • Als u bestaande cellen wilt vervangen door de cellen die u plakt, selecteert u een set bestaande cellen met dezelfde opmaak als de cellen op het Klembord. (Als u bijvoorbeeld een blok van 3 x 2 cellen hebt gekopieerd of geknipt, kunt u een ander blok van 3 x 2 cellen selecteren om de cellen hier te plakken.)

  • Als u een volledige rij cellen wilt plakken boven een bepaalde cel, klikt u op die cel.

  • Als u een volledige kolom cellen links van een bepaalde cel wilt plakken, klikt u op die cel.

Notitie

Als het Klembord minder dan een volledige rij of kolom cellen bevat en u klikt in een cel en plakt de cellen uit het Klembord, kunnen de cel waarop u hebt geklikt en de aangrenzende cellen (al naar gelang de plaats ervan in de tabel) worden vervangen door de cellen die u plakt.

  • Als u met de geplakte cellen een nieuwe tabel maakt, plaatst u de invoegpositie buiten de tabel.
Selecteer Bewerken > Plakken.

Als je hele rijen of kolommen in een bestaande tabel plakt, worden de rijen of kolommen aan de tabel toegevoegd. Als je een individuele cel plakt, wordt de inhoud van de geselecteerde cel vervangen.Als je buiten een tabel plakt, worden de rijen, kolommen of cellen gebruikt om een nieuwe tabel te definiëren.

Celcontent verwijderen maar de cellen intact laten

Selecteer een of meer cellen.
Notitie

Zorg ervoor dat de selectie niet volledig bestaat uit volledige rijen of kolommen.

Druk op Delete.

Notitie

Als alleen volledige rijen of kolommen zijn geselecteerd wanneer je Bewerken > Wissen selecteert of op Delete drukt, worden de hele rijen of kolommen—niet alleen hun content—uit de tabel verwijderd.

Verwijder rijen of kolommen die samengevoegde cellen bevatten

Selecteer de rij of kolom.

Selecteer Bewerken > Tabel > Rij verwijderen of Bewerken > Tabel > Kolom verwijderen.

Tabellen nesten

Een geneste tabel is een tabel in een cel van een andere tabel.Je kunt een geneste tabel opmaken zoals elke andere tabel; de breedte is echter beperkt door de breedte van de cel waarin deze wordt weergegeven.

Klik in een cel van de bestaande tabel.
Selecteer Invoegen > Tabel, stel de opties voor tabel invoegen in en klik op OK.

Tabellen sorteren

Je kunt de rijen van een tabel sorteren op basis van de inhoud van één kolom. Je kunt ook een meer gecompliceerde tabelsortering uitvoeren op basis van de inhoud van twee kolommen.

Je kunt tabellen niet sorteren die colspan- of rowspan-kenmerken bevatten—dat zijn tabellen die samengevoegde cellen bevatten.

Selecteer de tabel of klik in een cel.

Selecteer Bewerken > Tabel > Tabel sorteren, stel de opties in het dialoogvenster in en klik op OK.

Sorteren op

Bepaalt welke kolomwaarden worden gebruikt om de tabelrijen te sorteren.

Volgorde

Bepaalt of de kolom alfabetisch of numeriek wordt gesorteerd en of deze in oplopende volgorde (A tot en met Z, van lagere naar hogere getallen) of aflopende volgorde wordt gesorteerd.

Wanneer de inhoud van een kolom uit getallen bestaat, selecteer je Numeriek.Een alfabetische sortering toegepast op een lijst met een- en tweecijferige getallen zorgt ervoor dat de getallen worden gesorteerd alsof het woorden zijn (resulterend in een volgorde zoals 1, 10, 2, 20, 3, 30) in plaats van gesorteerd als getallen (resulterend in een volgorde zoals 1, 2, 3, 10, 20, 30).

Vervolgens op/Volgorde:

Bepaalt de sorteervolgorde voor een secundaire sortering op een andere kolom.Geef de secundaire sorteerkolom op in het pop-upmenu Vervolgens op en de secundaire sorteervolgorde in de pop-upmenu's Volgorde.

De eerste rij wordt meegenomen bij het sorteren

Geeft aan dat de eerste rij van de tabel moet worden meegenomen in de sortering.Als de eerste rij een kop is die niet moet worden verplaatst, selecteer deze optie dan niet.

Koptekstrijen sorteren

Geeft aan dat alle rijen in de thead-sectie van de tabel (indien aanwezig) moeten worden gesorteerd met dezelfde criteria als de hoofdrijen.(Let op: thead-rijen blijven in de thead-sectie en verschijnen nog steeds bovenaan de tabel, zelfs na het sorteren.)Voor informatie over de thead-tag, zie het paneel Referentie (selecteer Help > Referentie).

Voettekstrijen sorteren

Geeft aan dat alle rijen in de tfoot-sectie van de tabel (indien aanwezig) moeten worden gesorteerd met dezelfde criteria als de hoofdrijen.(Let op: tfoot-rijen blijven in de tfoot-sectie en verschijnen nog steeds onderaan de tabel, zelfs na het sorteren.)Voor informatie over de tfoot-tag, zie het paneel Referentie (selecteer Help > Referentie).

Rijkleuren onveranderd laten nadat het sorteren is voltooid

Geeft aan dat tabelrijkenmerken (zoals kleur) gekoppeld moeten blijven aan dezelfde inhoud na de sortering.Als je tabelrijen zijn opgemaakt met twee afwisselende kleuren, selecteer deze optie dan niet om ervoor te zorgen dat de gesorteerde tabel nog steeds rijen met afwisselende kleuren heeft.Als de rijattributen specifiek zijn voor de content van elke rij, selecteer je deze optie om ervoor te zorgen dat die attributen gekoppeld blijven aan de juiste rijen in de gesorteerde tabel.