f"""
<html>
<head>
<style>
table {{
width: 100%;
border-collapse: collapse;
font-family: Arial, sans-serif;
}}
th, td {{
padding: 12px;
text-align: left;
border-bottom: 1px solid #ddd;
}}
th {{
background-color: #f2f2f2;
}}
tr:hover {{
background-color: #f5f5f5;
}}
</style>
</head>
<body>
<table>
<thead>
<tr>
<th>Tag Name</th>
<th>Tag Comment</th>
<th>Tag Value</th>
<th>Unit</th>
<th>Time Stamp</th>
</tr>
</thead>
<tbody>
<tr>
<td>Tag 1</td>
<td>Comment 1</td>
<td>Value 1</td>
<td>Unit 1</td>
<td>2023-12-19 10:00:00</td>
</tr>
<tr>
<td>Tag 2</td>
<td>Comment 2</td>
<td>Value 2</td>
<td>Unit 2</td>
<td>2023-12-19 10:15:00</td>
</tr>
<tr>
<td>Tag 3</td>
<td>Comment 3</td>
<td>Value 3</td>
<td>Unit 3</td>
<td>2023-12-19 10:30:00</td>
</tr>
<!-- Add more rows as needed -->
</tbody>
</table>
</body>
</html>
"""
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter