Question

我有下一张桌子：

  <table class="table" id="calls_table">
        <thead>
        <tr>
            <th class="round-bg header">Val1</th>
            <th class="rep-bg header">Val2</th>
            <th class="rep-bg header">Val3</th>

        </tr>
        </thead>
        <tbody data-bind="template: {name: 'call-template', foreach: calls}">
        </tbody>

    </table> 

    <script type="text/html" id="call-template">
        <tr class="alt">
            <td><a data-bind="attr: {href: url}, text: v1" class="simp" href=""></a></td>
            <td><a data-bind="attr: {href: url}, text: v2" class="simp" href=""></a></td>
            <td data-bind="text: v3"></td>

        </tr>
    </script>

问题是如何为TR添加类的替换？喜欢：class ='alt'，class ='' - 请指教。

Answer 1

这个问题在alternate row style with $index binding

上的SO上得到了回答

我在jsfiddle

处整理了一份工作样本

Answer 2

你也可以使用jQuery：odd或：even选择器。

$(".table tr:even").addClass('alt');

我知道，这不会使用敲击来解决问题，但有时简单就是好的。

使用Knockout.JS的替代课程

2 个答案: