123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 |
- <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>
|