Question

我有一个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>

我想通过一个包含单元格数据的css文件来编辑它的设计，如下所示：

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

.cell80 div {
width: 76px;
}

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

.cell90 div {
width: 86px;
}

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

Answer 1

这是你想要使用的东西，我不能给你一个例子，因为你的问题应该更具体但是要检查出来

http://www.w3schools.com/cssref/sel_nth-child.asp

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

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

1 个答案: