Quote:
<th class="table__cell>">
You've got an extra
>
on the end of your class name, which isn't valid. It should be:
<th class="table__cell">
But looking at that code, I don't think much of the tutorial you're following. Using CSS classes to differentiate between the table header and the table body isn't necessary if you use the proper table markup:
<table class="table">
<thead>
<tr>
{% for header in headings %}
<th>{{ header }}</th>
{% endfor %}
</tr>
</thead>
<tbody>
{% for row in data %}
<tr>
{% for cell in row %}
<td>{{ cell }}</td>
{% endfor %}
</tr>
{% endfor %}
</tbody>
</table>
.table {
border-spacing: 0;
border-radius: 4;
margin: 1rem;
background-color: #f5f5f5;
}
.table th,
.table td {
text-align: left;
padding: 8px;
}
.table tbody tr:nth-child(even) {
background-color: #e5e5e5;
}
Demo[
^]