Přejít na obsah
Odoo Menu
  • Přihlásit se
  • Vyzkoušejte zdarma
  • Aplikace
    Finance
    • Účetnictví
    • Fakturace
    • Výdaje
    • Spreadsheet (BI)
    • Dokumenty
    • Podpisy
    Prodej
    • CRM
    • Prodej
    • POS Obchod
    • POS Restaurace
    • Předplatné
    • Pronájem
    Webové stránky
    • Webové stránky
    • E-shop
    • Blog
    • Fórum
    • Živý chat
    • eLearning
    Dodavatelský řetězec
    • Sklad
    • Výroba
    • PLM
    • Nákup
    • Údržba
    • Kvalita
    Lidské zdroje
    • Zaměstnanci
    • Nábor
    • Volno
    • Hodnocení zaměstnanců
    • Doporučení
    • Vozový park
    Marketing
    • Marketing sociálních sítí
    • Emailový marketing
    • SMS Marketing
    • Události
    • Marketingová automatizace
    • Dotazníky
    Služby
    • Projekt
    • Časové výkazy
    • Práce v terénu
    • Helpdesk
    • Plánování
    • Schůzky
    Produktivita
    • Diskuze
    • Schvalování
    • IoT
    • VoIP
    • Znalosti
    • WhatsApp
    Aplikace třetích stran Odoo Studio Odoo cloudová platforma
  • Branže
    Maloobchod
    • Knihkupectví
    • Obchod s oblečením
    • Obchod s nábytkem
    • Potraviny
    • Obchod s hardwarem
    • Hračkářství
    Jídlo a pohostinství
    • Bar a Pub
    • Restaurace
    • Fast Food
    • Penzion
    • Distributor nápojů
    • Hotel
    Nemovitost
    • Realitní kancelář
    • Architektonická firma
    • Stavba
    • Správa nemovitostí
    • Zahradnictví
    • Asociace vlastníků nemovitosti
    Poradenství
    • Účetní firma
    • Odoo Partner
    • Marketingová agentura
    • Právník
    • Akvizice talentů
    • Audit a certifikace
    Výroba
    • Textil
    • Kov
    • Nábytek
    • Jídlo
    • Pivovar
    • Korporátní dárky
    Zdraví a fitness
    • Sportovní klub
    • Prodejna brýli
    • Fitness Centrum
    • Wellness praktikové
    • Lékárna
    • Kadeřnictví
    Transakce
    • Údržbář
    • Podpora IT & hardware
    • Systémy solární energie
    • Výrobce obuvi
    • Úklidové služby
    • Služby HVAC
    Ostatní
    • Nezisková organizace
    • Agentura pro životní prostředí
    • Pronájem billboardů
    • Fotografování
    • Leasing jízdních kol
    • Prodejce softwaru
    Procházet všechna odvětví
  • Komunita
    Edukační program
    • Tutoriály
    • Dokumentace
    • Certifikace
    • Vzdělávání
    • Blog
    • Podcast
    Podpora vzdělávání
    • Vzdělávací program
    • Scale Up! Hra na firmu
    • Navštivte Odoo
    Získat software
    • Stáhnout
    • Porovnejte edice
    • Verze
    Spolupráce
    • Github
    • Fórum
    • Události
    • Překlady
    • Stát se partnerem
    • Služby pro partnery
    • Registrujte svou účetní firmu
    Získat služby
    • Najít partnera
    • Najít účetní
    • Setkejte se s poradcem
    • Implementační služby
    • Zákaznické reference
    • Podpora
    • Upgrady
    Github Youtube Twitter Linkedin Instagram Facebook Spotify
    +1 (650) 691-3277
    Dohodnout demo
  • Ceník
  • Pomoc

Odoo is the world's easiest all-in-one management software.
It includes hundreds of business apps:

  • CRM
  • e-Commerce
  • Účetnictví
  • Sklad
  • PoS
  • Projekty
  • MRP
All apps
You need to be registered to interact with the community.
All Posts Lidé Odznaky
Štítky (View all)
Website website #website HTML/CSS #help
O tomto fóru
You need to be registered to interact with the community.
All Posts Lidé Odznaky
Štítky (View all)
Website website #website HTML/CSS #help
O tomto fóru
  1. Website Builder
  2. Fórum

How to make a table?

Odebírat

Get notified when there's activity on this post

This question has been flagged
3 Odpovědi
27696 Zobrazení
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
Zrušit
Avatar
Gracious Joseph
Nejlepší odpověď

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
Zrušit
Avatar
Edgardo L.
Nejlepší odpověď

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

0
Avatar
Zrušit
Avatar
danny Zelko
Nejlepší odpověď

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
Zrušit
Enjoying the discussion? Don't just read, join in!

Create an account today to enjoy exclusive features and engage with our awesome community!

Přihlásit se
Komunita
  • Tutoriály
  • Dokumentace
  • Fórum
Open Source
  • Stáhnout
  • Github
  • Runbot
  • Překlady
Služby
  • Odoo.sh hostování
  • Podpora
  • Upgrade
  • Nestandardní vývoj
  • Edukační program
  • Najít účetní
  • Najít partnera
  • Stát se partnerem
O nás
  • Naše společnost
  • Podklady značky
  • Kontakujte nás
  • Práce
  • Události
  • Podcast
  • Blog
  • Zákazníci
  • Právní dokumenty • Soukromí
  • Zabezpečení
الْعَرَبيّة 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 ภาษาไทย Türkçe українська Tiếng Việt

Odoo je balíček open-source aplikací, které pokrývají všechny potřeby vaší společnosti: CRM, e-shop, účetnictví, sklady, kasy, projektové řízení a další.

Unikátní nabídka od Odoo poskytuje velmi jednoduché uživatelské rozhraní a vše je integrované na jednom místě.

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