Landing Pages

Voeg een tabel toe aan een rijke tekstmodule

Laatst bijgewerkt: oktober 24, 2020

Geldt voor:

Marketing Hub  Professional, Enterprise
CMS Hub  Professional, Enterprise
Legacy Marketing Hub Basic

Tabellen kunnen nuttig zijn voor het organiseren van lijsten, het weergeven van kalenders of het toevoegen van een bijschrift onder een afbeelding. Leer hoe je een tabel kunt toevoegen aan een rijke tekstmodule op een HubSpot pagina, blogpost, e-mail of kennisbankartikel.

Let op: tabellen worden niet ondersteund in de drag and drop e-mail editor.

Een tabel toevoegen of verwijderen

  • Klik op een willekeurige rijketekstmodule om de inhoudseditor te openen.
  • Klik in de werkbalk met rijke tekst op het vervolgkeuzemenu " Invoegen" en beweeg met de muis over de tabel.
  • Selecteer het aantal kolommen en rijen voor uw tabel op het raster en klik vervolgens op om de tabel in uw inhoud in te voegen.
  • Om de hoogte of breedte van uw tabel uit te breiden, klikt u op de blauwe hoeken en versleept u deze.
  • Voeg inhoud toe aan een willekeurige cel binnen de tabel. Afbeeldingen worden aangepast aan de grootte van de cel die u hebt geselecteerd.
  • Om de grootte van een rij of kolom aan te passen, klikt en versleept u de rand.
  • Om een tabel uit uw inhoud te verwijderen, klikt u op de tabel en selecteert u Verwijderen.

insert-table

Bewerk uw tabel

U kunt de eigenschappen van uw hele tabel wijzigen, of specifieke cellen bewerken door ze te markeren met uw cursor. Om uw tabel te bewerken:

  • Klik op de tabel en selecteer Bewerk.
  • Op hettabblad Formaat kunt u dat doen:
    • Plaats een nieuwe rij of kolom binnen een cel.
    • Verwijder een geselecteerde rij of kolom in uw tabel.
    • Voeg twee of meer geselecteerde cellen in uw tabel samen.
    • Splits cellen die eerder zijn samengevoegd.
  • Klik op het tabblad Stijl om de kleuren, de randen en de tussenruimte van uw tabel te bewerken. Om toegang te krijgen tot alle stylingopties die beschikbaar zijn voor uw tafel, klikt u op Geavanceerd.
    1. Lay-out: selecteer hoe uw tabel zich aanpast aan andere inhoud in uw rijke tekstmodule.
    2. Grens: pas de stijl van de tafelrand aan:
      • Kleur: klik op de kleurbel om een afbeelding te selecteren met de kleurkiezer. Om een specifieke hex-waarde in te voeren, klikt u op het tabblad Geavanceerd.
      • Breedte: de breedte van de rand rond de rand van de geselecteerde cellen.
      • Stijl: selecteer een stijl voor de rand van uw tabel (stippen, streepjes, etc.).
    3. Afmetingen: pas de grootte van uw tafel aan.
      • Breedte: stel een exacte breedte in voor de geselecteerde cellen.
      • Hoogte: stel een exacte hoogte in voor de geselecteerde cellen.
      • Celvulling: stel de afstand tussen de geselecteerde cellen in.
    4. Tabelonderschrift: voeg een onderschrift toeboven uw tabel.
    5. Responsive : klik om de Responsive-schakelaar aan te zetten om horizontaal te kunnen scrollen. Op deze manier zal uw inhoud niet overlopen op een kleiner scherm.
    6. CSS: bewerk de broncode voor de stijlen die op uw tabel worden toegepast.

Let op: het bijwerken van de code in het CSS-veldvereist een basiskennis van HTML.

table-style

Kopieer en plak een tabel uit een spreadsheet

U kunt ook een tabel uit een spreadsheet kopiëren en plakken in de editor. Met deze methode is het echter mogelijk dat er extra ruimte ontstaat binnen de tabelrijen en -kolommen. Om die ruimte te verwijderen, controleert u de broncode van de editor en zorgt u ervoor dat de cellpaddingen cellspacingattributen van uw tabel op 0 staan.

source-code-cellspacing