Question

使用敲除模板绑定我绑定了如下表：

<script type="text/x-jquery-tmpl" id="PrintLabelsTemplate">
    <TR> 
        <TD data-bind="text: CustomerFirstName"></TD>
        <TD data-bind="text: ModelDescription"></TD> 
    </TR>
</script>

<div>
    <table style="border-collapse: collapse;"  cellpadding="0" cellspacing="0" align="center" width="100%" id="tblPrintLabels" class="pme-main" data-bind="template: {name:'PrintLabelsTemplate', foreach: ViewModel}">
    </table>
</div>

对我来说一切正常，但我的问题是在每8行重复后我想插入不同的行和一个图像背景，如

<tr>
    <td>Breaking Row</td>
</tr>

那么如何在模板绑定中编写这个逻辑呢？

提前致谢

Answer 1

我要做的就是使用CSS。您可以使用CSS属性:nth-child(7)为第七个项目指定不同的CSS属性。然后我会使用:after选择器和content CSS属性来插入一个额外的行，包含你想要的背景。

这有一些优点，就是不要强迫你的Knockout代码做任何与众不同的事情，如果它只是一个重复每隔8行的可视分隔符，它会将你的表示与你的代码分开。

以下是nth-child和css content

的探索

每隔8行更改一次排样模板

1 个答案: