Hi, i have created a controller for displaying data from a module i created in a table on the website. However when I go to the website to see the data, the table is overflowing with the theme, as shown in the screenshot below:
I would like to know how to ensure that the table does not go beyond the theme.
Here is the code that displays the page:
<?xml version="1.0" encoding="UTF-8"?>
<odoo>
<template id="audit_details_page" name="Audit Details">
<t t-call="website.layout">
<div class="oe_structure">
<div class="container">
<br />
<center><h3>Rapport d'audit des sites de Guinée Télécom</h3></center>
<br />
<table class="table-striped table">
<thead style="font-size: 23px; white-space: nowrap;">
<tr>
<h6>
<b>
<th>Nom</th>
<th>Adresse</th>
<th>Date D'audit</th>
<th>Contact</th>
<th>Téléphone Du Contact</th>
<th>Email Du Contact</th>
<th>Zone</th>
<th>Commune / Préfecture</th>
<th>Responsable Du Site</th>
<th>Valeur Du Site</th>
<th style="colspan='3'">Infrastructures</th>
<th style="colspan='3'">Réseaux</th>
</b>
</h6>
</tr>
</thead>
<tbody>
<t t-foreach="details" t-as="site">
<tr>
<td>
<span t-esc="site.name"/>
</td>
<td>
<span t-esc="site.adresse"/>
</td>
<td>
<span t-esc="site.audit_date"/>
</td>
<td>
<span t-esc="site.contact"/>
</td>
<td>
<span t-esc="site.contact_phone"/>
</td>
<td>
<span t-esc="site.contact_email"/>
</td>
<td>
<span t-esc="site.zone"/>
</td>
<td>
<span t-esc="site.municipalitie_prefecture"/>
</td>
<td>
<span t-esc="site.site_manager"/>
</td>
<td>
<span t-esc="site.site_value"/>
</td>
</tr>
</t>
</tbody>
</table>
</div>
</div>
</t>
</template>
</odoo>
