Hoppa till innehåll
Odoo Meny
  • Logga in
  • Prova gratis
  • Appar
    Ekonomi
    • Bokföring
    • Faktura
    • Utgifter
    • Kalkylark (Affärsanalyser)
    • Dokument
    • Underskrifter
    Försäljning
    • CRM
    • Försäljning
    • Kassasystem Butik
    • Kassasystem Restaurang
    • Prenumerationer
    • Uthyrning
    Hemsida
    • Hemsidesverktyg
    • E-handel
    • Blogg
    • Forum
    • Livechatt
    • Utbildning
    Försörjningskedja
    • Lager
    • Produktion
    • Produktens livscykel (PLM)
    • Inköp
    • Underhåll
    • Kvalitet
    HR
    • Anställda
    • Rekrytering
    • Ledighet
    • Utvärderingar
    • Rekommendationer
    • Fordon
    Marknadsföring
    • Sociala medier
    • E-postmarknadsföring
    • Sms-marknadsföring
    • Evenemang
    • Automatiserad marknadsföring
    • Enkäter
    Tjänster
    • Projekt
    • Tidrapporter
    • Fältservice
    • Kundtjänst
    • Planering
    • Tidsbokningar
    Produktivitet
    • Diskutera
    • AI
    • IoT
    • VoIP
    • Kunskap
    • WhatsApp
    Community-appar Odoo Studio Odoo Cloud
  • Branscher
    Butiker
    • Bokaffärer
    • Klädbutiker
    • Möbelaffärer
    • Mataffärer
    • Byggvaruhus
    • Leksaksaffärer
    Restaurang & Hotell
    • Barer och pubar
    • Restauranger
    • Snabbmatsrestauranger
    • Gästhus
    • Dryckesdistributörer
    • Hotell
    Fastigheter
    • Fastighetsbyråer
    • Arkitektfirmor
    • Byggföretag
    • Fastighetsägare
    • Trädgårdsmästare
    • Bostadsrättsföreningar
    Hitta en konsult
    • Redovisningsbyrå
    • Odoo Partner
    • Reklambyråer
    • Advokatbyråer
    • Rekrytering
    • Revisioner och certifieringar
    Produktion
    • Textilproduktion
    • Metallproduktion
    • Möbelproduktion
    • Livsmedelsproduktion
    • Bryggerier
    • Företagsgåvor
    Hälsa och fitness
    • Sportklubbar
    • Optiker
    • Träningscenter
    • Friskvård
    • Apotek
    • Frisörsalonger
    Hantverk
    • Hantverkare
    • IT-utrustning och kundtjänst
    • Solceller, solpaneler och solenergi
    • Skomakare
    • Städföretag
    • VVS-tjänster
    Övrigt
    • Ideella föreningar
    • Miljöförvaltningar
    • Uthyrning av reklamtavlor
    • Fotografer
    • Cykeluthyrning
    • Återförsäljare av mjukvara
    Upptäck alla Branscher
  • Community
    Utbildning
    • Instruktionsvideor
    • Dokumentation
    • Certifiering
    • Utbildningar
    • Blogg
    • Podcast
    Lär dig med oss
    • Workshops
    • Företagsspelet Scale Up!
    • Studiebesök hos Odoo
    Mjukvaran
    • Ladda ner
    • Jämför utgåvor
    • Versionsinformation
    Samverkan
    • GitHub
    • Forum
    • Evenemang
    • Översättningar
    • Bli en partner
    • Partnertjänster
    • Registrera din redovisningsbyrå
    Våra tjänster
    • Partners
    • Revisorer
    • Träffa en rådgivare
    • Implementering
    • Kundrecensioner
    • Kundtjänst
    • Uppgraderingar
    GitHub Youtube Twitter Linkedin Instagram Facebook Spotify
    +1 (650) 691-3277
    Boka en demo
  • Priser
  • Hjälp
Du måste vara registrerad för att kunna interagera med communityn.
Alla inlägg Personer Utmärkelser
Etiketter (Visa alla)
Website #website website HTML/CSS #help
Om detta forum
Du måste vara registrerad för att kunna interagera med communityn.
Alla inlägg Personer Utmärkelser
Etiketter (Visa alla)
Website #website website HTML/CSS #help
Om detta forum
  1. Website Builder
  2. Forum

How to make a table?

Prenumerera

Få ett meddelande när det finns aktivitet på detta inlägg

Denna fråga har flaggats
3 Svar
29145 Vyer
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
Avbryt
Avatar
Gracious Joseph
Bästa svar

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
Avbryt
Avatar
Edgardo L.
Bästa svar

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

0
Avatar
Avbryt
Avatar
danny Zelko
Bästa svar

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
Avbryt
Njuter du av diskussionen? Läs inte bara, delta också!

Skapa ett konto idag för att ta del av exklusiva funktioner och engagera dig i vår fantastiska community!

Registrera dig
Community
  • Instruktionsvideor
  • Dokumentation
  • Forum
Öppen källkod
  • Ladda ner
  • GitHub
  • Runbot
  • Översättningar
Tjänster
  • Odoo.sh Hosting
  • Kundtjänst
  • Uppgradera
  • Anpassningsbara modifikationer
  • Utbildning
  • Revisorer
  • Partners
  • Bli en partner
Om oss
  • Vårt företag
  • Varumärkestillgångar
  • Kontakta oss
  • Jobb
  • Evenemang
  • Podcast
  • Blogg
  • Kunder
  • Juridiskt • Integritet
  • Säkerhet
الْعَرَبيّة 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 är ett affärssystem med öppen källkod som täcker alla dina företagsbehov: CRM, e-handel, bokföring, lager, kassasystem, projektledning, och så vidare.

Odoos unika värdeförslag är att samtidigt vara väldigt enkel att använda men också helt integrerad.

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