Overslaan naar inhoud
Odoo Menu
  • Aanmelden
  • Probeer het gratis
  • Apps
    Financiën
    • Boekhouding
    • Facturatie
    • Onkosten
    • Spreadsheet (BI)
    • Documenten
    • Ondertekenen
    Verkoop
    • CRM
    • Verkoop
    • Kassasysteem winkel
    • Kassasysteem Restaurant
    • Abonnementen
    • Verhuur
    Websites
    • Websitebouwer
    • E-commerce
    • Blog
    • Forum
    • Live Chat
    • E-learning
    Bevoorradingsketen
    • Voorraad
    • Productie
    • PLM
    • Inkoop
    • Onderhoud
    • Kwaliteit
    Personeelsbeheer
    • Werknemers
    • Werving & Selectie
    • Verlof
    • Evaluaties
    • Aanbevelingen
    • Wagenpark
    Marketing
    • Sociale media-marketing
    • E-mailmarketing
    • Sms-marketing
    • Evenementen
    • Marketingautomatisering
    • Enquêtes
    Diensten
    • Project
    • Urenstaten
    • Buitendienst
    • Helpdesk
    • Planning
    • Afspraken
    Productiviteit
    • Chat
    • Artificiële Intelligentie
    • IoT
    • VoIP
    • Kennis
    • WhatsApp
    Apps van derden Odoo Studio Odoo Cloud Platform
  • Bedrijfstakken
    Detailhandel
    • Boekhandel
    • kledingwinkel
    • Meubelwinkel
    • Supermarkt
    • Bouwmarkt
    • Speelgoedwinkel
    Horeca & Hospitality
    • Bar en café
    • Restaurant
    • Fastfood
    • Gastenverblijf
    • Drankenhandelaar
    • Hotel
    Vastgoed
    • Makelaarskantoor
    • Architectenbureau
    • Bouw
    • Vastgoedbeheer
    • Tuinieren
    • Vereniging van mede-eigenaren
    Consulting
    • Accountantskantoor
    • Odoo Partner
    • Marketingbureau
    • Advocatenkantoor
    • Talentenwerving
    • Audit & Certificering
    Productie
    • Textiel
    • Metaal
    • Meubels
    • Eten
    • Brouwerij
    • Relatiegeschenken
    Gezondheid & Fitness
    • Sportclub
    • Opticien
    • Fitnesscentrum
    • Wellness-medewerkers
    • Apotheek
    • Kapper
    Diensten
    • Klusjesman
    • IT-hardware & ondersteuning
    • Zonne-energiesystemen
    • Schoenmaker
    • Schoonmaakdiensten
    • HVAC-diensten
    Andere
    • Non-profitorganisatie
    • Milieuagentschap
    • Verhuur van Billboards
    • Fotograaf
    • Fietsleasing
    • Softwareverkoper
    Alle bedrijfstakken bekijken
  • Community
    Leren
    • Tutorials
    • Documentatie
    • Certificeringen
    • Training
    • Blog
    • Podcast
    Versterk het onderwijs
    • Onderwijsprogramma
    • Scale Up! Business Game
    • Odoo bezoeken
    Download de Software
    • Downloaden
    • Vergelijk edities
    • Releases
    Werk samen
    • Github
    • Forum
    • Evenementen
    • Vertalingen
    • Partner worden
    • Diensten voor partners
    • Registreer je accountantskantoor
    Diensten
    • Vind een partner
    • Vind een boekhouder
    • Een adviseur ontmoeten
    • Implementatiediensten
    • Klantreferenties
    • Ondersteuning
    • Upgrades
    Github Youtube Twitter Linkedin Instagram Facebook Spotify
    +1 (650) 691-3277
    Vraag een demo aan
  • Prijzen
  • Help
Je moet geregistreerd zijn om te kunnen communiceren met de community.
Alle posts Personen Badges
Labels (Bekijk alle)
Website #website website HTML/CSS #help
Over dit forum
Je moet geregistreerd zijn om te kunnen communiceren met de community.
Alle posts Personen Badges
Labels (Bekijk alle)
Website #website website HTML/CSS #help
Over dit forum
  1. Website Builder
  2. Forum

How to make a table?

Inschrijven

Ontvang een bericht wanneer er activiteit is op deze post

Deze vraag is gerapporteerd
3 Antwoorden
29144 Weergaven
Avatar
Cedric Eveleigh

With the Odoo website builder, how can I create a table like the one below? I don't care about the exact formatting. I'm just looking for the basic ability to create a table.



0
Avatar
Annuleer
Avatar
Gracious Joseph
Beste antwoord

Creating a table like the one shown in your image using the Odoo Website Builder is straightforward. Here's how you can do it:

1. Using the Website Builder's Table Tool

  1. Go to Website Editor:
    • Navigate to Website > Website Builder in Odoo.
    • Open the page where you want to add the table or create a new one.
  2. Insert a Table:
    • While in edit mode, locate the HTML Editor block.
    • Click Add Block and choose an HTML block.
  3. Edit the HTML Block:
    • Enter the following basic HTML for a table:
    <table border="1" style="border-collapse: collapse; width: 100%; text-align: center;">
        <thead>
            <tr>
                <th>Measurement</th>
                <th>Small</th>
                <th>Medium</th>
                <th>Large</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Approx. Inseam and Height</td>
                <td>26.0"-29.0" <br> 5'0"-5'6"</td>
                <td>29.0"-32.0" <br> 5'6"-5'10"</td>
                <td>32.0"-35.0" <br> 5'10"-6'3"</td>
            </tr>
            <tr>
                <td>(A) Reach</td>
                <td>15.74" (400mm)</td>
                <td>16.14" (410mm)</td>
                <td>16.33" (415mm)</td>
            </tr>
            <tr>
                <td>(B) Stack</td>
                <td>23.62" (600mm)</td>
                <td>23.62" (600mm)</td>
                <td>25.19" (640mm)</td>
            </tr>
            <tr>
                <td>(C) Min Seat Height (from ground)</td>
                <td>30.5"</td>
                <td>32.5"</td>
                <td>34.5"</td>
            </tr>
            <tr>
                <td>(D) Max Seat Height (from ground)</td>
                <td>36.5"</td>
                <td>40.5"</td>
                <td>42.5"</td>
            </tr>
            <tr>
                <td>(E) Stepover Height (from ground)</td>
                <td>22.5"</td>
                <td>23.5"</td>
                <td>24.5"</td>
            </tr>
        </tbody>
    </table>
    
  4. Save and Preview:
    • Save your changes.
    • Preview the table on your website to ensure it looks as intended.

2. Using Table Blocks (If Available)

If your version of Odoo has a drag-and-drop Table Block:

  1. Add a Table Block from the block library.
  2. Use the visual editor to fill in your data row by row.
  3. Adjust formatting using the toolbar for alignment and styling.

3. Style the Table

For better aesthetics, you can add inline CSS or custom CSS in your website's theme. For example:

<style>
   table {
       border-collapse: collapse;
       width: 100%;
       text-align: center;
       font-family: Arial, sans-serif;
   }
   th, td {
       border: 1px solid #ddd;
       padding: 8px;
   }
   th {
       background-color: #f4f4f4;
   }
   tr:nth-child(even) {
       background-color: #f9f9f9;
   }
   tr:hover {
       background-color: #f1f1f1;
   }
</style>

4. Export and Import

If you’re familiar with Excel or Google Sheets:

  1. Create the table in your spreadsheet tool.
  2. Copy the table and paste it directly into the HTML block.
    • Most spreadsheet tools will generate compatible HTML for tables.

This approach will allow you to replicate the table with ease. Let me know if you need help refining the design or adding advanced features!

0
Avatar
Annuleer
Avatar
Edgardo L.
Beste antwoord

Is there any solution to this as of today? :) doesn't work with / for blog/page.

0
Avatar
Annuleer
Avatar
danny Zelko
Beste antwoord

I believe you would only need to enter the forward-slash character "/" and then start typing the word "table".  The option to insert the table appears in a list.  

When you click on that you will see a small tool pop-up that allows you to select how many rows and columns you want the table to have.  Drag the cursor to select and then click. 

I would include an image but cant seem to work out how to do that here.

0
Avatar
Annuleer
Geniet je van het gesprek? Blijf niet alleen lezen, doe ook mee!

Maak vandaag nog een account aan om te profiteren van exclusieve functies en deel uit te maken van onze geweldige community!

Aanmelden
Community
  • Tutorials
  • Documentatie
  • Forum
Open Source
  • Downloaden
  • Github
  • Runbot
  • Vertalingen
Diensten
  • Odoo.sh Hosting
  • Ondersteuning
  • Upgrade
  • Gepersonaliseerde ontwikkelingen
  • Onderwijs
  • Vind een boekhouder
  • Vind een partner
  • Partner worden
Over ons
  • Ons bedrijf
  • Merkelementen
  • Neem contact met ons op
  • Vacatures
  • Evenementen
  • Podcast
  • Blog
  • Klanten
  • Juridisch • Privacy
  • Beveiliging
الْعَرَبيّة Català 简体中文 繁體中文 (台灣) Čeština Dansk Nederlands English Suomi Français Deutsch हिंदी Bahasa Indonesia Italiano 日本語 한국어 (KR) Lietuvių kalba Język polski Português (BR) română русский язык Slovenský jazyk Slovenščina Español (América Latina) Español Svenska ภาษาไทย Türkçe українська Tiếng Việt

Odoo is een suite van open source zakelijke apps die aan al je bedrijfsbehoeften voldoet: CRM, E-commerce, boekhouding, inventaris, kassasysteem, projectbeheer, enz.

Odoo's unieke waardepropositie is om tegelijkertijd zeer gebruiksvriendelijk en volledig geïntegreerd te zijn.

Website made with

Odoo Experience on YouTube

1. Use the live chat to ask your questions.
2. The operator answers within a few minutes.

Live support on Youtube
Watch now