Make table responsive for web

This commit is contained in:
Brian Read 2024-06-06 16:52:17 +01:00
parent 0bc452c38a
commit 52c1bfba48

View File

@ -1,4 +1,7 @@
<!DOCTYPE html>
<!-- 1. Take out style for table for email
2. Switch "see in Browser" to "index" in web version
>
<html><head>
<meta charset="utf-8">
<title>SMEServer Mailstats</title>
@ -40,22 +43,24 @@
<br />
<h2>${title}</h2>
<br />
<table border="1">
<thead>
<tr>
<th>Date/Time</th>
<th tal:repeat="header column_headers" tal:content="header">Header</th>
</tr>
</thead>
<tbody>
<tr tal:repeat="row array_2d">
<td tal:condition="repeat.row.index == 24" tal:content="'TOTALS'">Totals</td>
<td tal:condition="repeat.row.index == 25" tal:content="'PERCENT'">Percent</td>
<td tal:condition="repeat.row.index < 24" tal:content="string:${reporting_date}, ${repeat.row.index}">Hour</td>
<td tal:repeat="cell row" tal:content="cell">Cell</td>
</tr>
</tbody>
</table>
<div style="width:100%;overflow-x:auto;font-size:1.35cqw">
<table border="1">
<thead>
<tr>
<th>Date/Time</th>
<th tal:repeat="header column_headers" tal:content="header">Header</th>
</tr>
</thead>
<tbody>
<tr tal:repeat="row array_2d">
<td tal:condition="repeat.row.index == 24" tal:content="'TOTALS'">Totals</td>
<td tal:condition="repeat.row.index == 25" tal:content="'PERCENT'">Percent</td>
<td tal:condition="repeat.row.index < 24" tal:content="string:${reporting_date}, ${repeat.row.index}">Hour</td>
<td tal:repeat="cell row" tal:content="cell">Cell</td>
</tr>
</tbody>
</table>
</div>
<!---Add in sub tables here -->
<br />
<footer>${version}</footer>