<html>
<head>
<link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'>
<style>
body {
background-color: #bdc3c7;
}
.table {
width: 100%;
background-color: #f3f3f3;
}
.table-fixed tbody {
height: 600px;
overflow-y: auto;
width: 100%;
}
.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
display: block;
}
.table-fixed tbody td {
float: left;
}
.table-fixed thead tr th {
float: left;
background-color: #8600FF;
border-color: #8600FF;
}
</style>
</head>
<body>
<img src="http://ai.choozmo.com/img/logo_choozmo.webp" style="display: block; margin-left: auto; margin-right: auto; width: 150px;" >
<h2 style="text-align:center;">幸福空間設計師SEO報告</h2>
<div class="container">
<table class="table">
<thead>
<tr style="background-color: #8600FF;">
<th style="color: #eeeeee ;">設計師</th>
<th style="color: #eeeeee ;">優先</th>
<th style="color: #eeeeee ;">次之</th>
<th style="color: #eeeeee ;">資料時間</th>
</tr>
</thead>
<tbody>
{% for item in displaydata %}
<tr>
<td>{{ item.designer |safe}}</td>
<td>{{ item.first |safe }}</td>
<td>{{ item.second |safe }}</td>
<td>{{ item.dt |safe }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</body>
</html>