67 lines
1.2 KiB
HTML
67 lines
1.2 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<style>
|
||
|
|
body {
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
table {
|
||
|
|
border-collapse: collapse;
|
||
|
|
}
|
||
|
|
|
||
|
|
table, table tr th, table tr td {
|
||
|
|
border: 1px solid #000000;
|
||
|
|
}
|
||
|
|
|
||
|
|
p {
|
||
|
|
margin: 0
|
||
|
|
}
|
||
|
|
table th {
|
||
|
|
background-color: rgba(128, 128, 128, 0.5);
|
||
|
|
}
|
||
|
|
|
||
|
|
.title{
|
||
|
|
width: 100%;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div class="table-container">
|
||
|
|
<div class="title">{{.title}}</div>
|
||
|
|
{{range $i, $v := .link}}
|
||
|
|
<a href={{ $v.url }}>{{ $v.name }}</a>
|
||
|
|
{{end}}
|
||
|
|
<div id="table-body">
|
||
|
|
<table>
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
{{range $i, $v := .header}}
|
||
|
|
<th>{{ $v }}</th>
|
||
|
|
{{end}}
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
|
||
|
|
<tbody>
|
||
|
|
{{range $i, $arr := .data}}
|
||
|
|
<tr>
|
||
|
|
{{range $j, $v := $arr}}
|
||
|
|
<td>{{ $v }}</td>
|
||
|
|
{{end}}
|
||
|
|
</tr>
|
||
|
|
{{end}}
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<script>
|
||
|
|
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|