Issue with Template Column to Rich Text

Hi, i’m trying to use a template column to populate the following code to display in a Rich Text component a timetable.
The problem is that on the front-end the Rich Text component displays the code rather than the table… any suggestion/solutions ?

Here is the code. If I put it directly in a rich text component it works well, if I pass from a template column it doesn’t work anymore and displays the code below.

<thead>

  <tr style="background-color: #f0f0f0; color: black;">

    <th style="padding: 10px; text-align: left; border: 1px solid #ddd;">Giorno</th>

    <th style="padding: 10px; text-align: left; border: 1px solid #ddd;">Orari</th>

  </tr>

</thead>

<tbody>

  <tr>

    <td style="padding: 10px; border: 1px solid #ddd;">Lun</td>

    <td style="padding: 10px; border: 1px solid #ddd;">09:00 - 13:00 / 15:00 - 19:00</td>

  </tr>

  <tr style="background-color: #f0f0f0;">

    <td style="padding: 10px; border: 1px solid #ddd;">Mar</td>

    <td style="padding: 10px; border: 1px solid #ddd;">09:00 - 13:00 / 15:00 - 19:00</td>

  </tr>

  <tr>

    <td style="padding: 10px; border: 1px solid #ddd;">Mer</td>

    <td style="padding: 10px; border: 1px solid #ddd;">09:00 - 13:00 / 15:00 - 19:00</td>

  </tr>

  <tr style="background-color: #f0f0f0;">

    <td style="padding: 10px; border: 1px solid #ddd;">Gio</td>

    <td style="padding: 10px; border: 1px solid #ddd;">09:00 - 13:00 / 15:00 - 19:00</td>

  </tr>

  <tr>

    <td style="padding: 10px; border: 1px solid #ddd;">Ven</td>

    <td style="padding: 10px; border: 1px solid #ddd;">09:00 - 13:00 / 15:00 - 19:00</td>

  </tr>

  <tr style="background-color: #f0f0f0;">

    <td style="padding: 10px; border: 1px solid #ddd;">Sab</td>

    <td style="padding: 10px; border: 1px solid #ddd;">09:00 - 13:00</td>

  </tr>

  <tr>

    <td style="padding: 10px; border: 1px solid #ddd;">Dom</td>

    <td style="padding: 10px; border: 1px solid #ddd;">Chiuso</td>

  </tr>

</tbody>
  1. remove all the empty lines
  2. enclose it in <table> tags

The following works:

<table>
<thead>
  <tr style="background-color: #f0f0f0; color: black;">
  <th style="padding: 10px; text-align: left; border: 1px solid #ddd;">Giorno</th>
  <th style="padding: 10px; text-align: left; border: 1px solid #ddd;">Orari</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td style="padding: 10px; border: 1px solid #ddd;">Lun</td>
    <td style="padding: 10px; border: 1px solid #ddd;">09:00 - 13:00 / 15:00 - 19:00</td>
  </tr>
  <tr style="background-color: #f0f0f0;">
    <td style="padding: 10px; border: 1px solid #ddd;">Mar</td>
    <td style="padding: 10px; border: 1px solid #ddd;">09:00 - 13:00 / 15:00 - 19:00</td>
  </tr>
  <tr>
    <td style="padding: 10px; border: 1px solid #ddd;">Mer</td>
    <td style="padding: 10px; border: 1px solid #ddd;">09:00 - 13:00 / 15:00 - 19:00</td>
  </tr>
  <tr style="background-color: #f0f0f0;">
    <td style="padding: 10px; border: 1px solid #ddd;">Gio</td>
    <td style="padding: 10px; border: 1px solid #ddd;">09:00 - 13:00 / 15:00 - 19:00</td>
  </tr>
  <tr>
    <td style="padding: 10px; border: 1px solid #ddd;">Ven</td>
    <td style="padding: 10px; border: 1px solid #ddd;">09:00 - 13:00 / 15:00 - 19:00</td>
  </tr>
  <tr style="background-color: #f0f0f0;">
    <td style="padding: 10px; border: 1px solid #ddd;">Sab</td>
    <td style="padding: 10px; border: 1px solid #ddd;">09:00 - 13:00</td>
  </tr>
  <tr>
    <td style="padding: 10px; border: 1px solid #ddd;">Dom</td>
    <td style="padding: 10px; border: 1px solid #ddd;">Chiuso</td>
  </tr>
</tbody>
</table>

2 Likes

Thanks so much! It works very well

1 Like

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.