使用CSS网格将HTML表与模板绑定

我有一个通过模板生成的HTML表，如下所示：

<table>
<thead>
<tr>
    <th>Value1</th>
    <th>Value2</th>
    <th>Value3</th>
    <th>Value4</th>
</tr>
</thead>
<tbody>
{{#each []}}
<tr>
    <td>{{this.val1}}</td>
    <td>{{this.val2}}</td>
    <td>{{this.val3}}</td>
    <td>{{this.val4}}</td>
</tr>
{{/each}}
</tbody>

.newCell70 div {
width: 66px;
text-align: right;
}

.cell80 div {
width: 76px;
}

.newCell80 div {
width: 76px;
text-align: right;
}

.cell90 div {
width: 86px;
}

---

我有很多这种细胞。如何让我的表格内容与每个单元格的特定设计参数一起生成？

这是您想要使用的，我不能给您举个例子，因为您的问题应该更具体一点，但请检查一下

:nth-child(number) {
css declarations;
}