0

次の表があります：

  <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=''-アドバイスしてください。

4

2 に答える 2

1

この質問は、$indexバインディングを使用した代替行スタイルのSOでここに回答されます

jsfiddleで作業サンプルをまとめました

于 2012-09-27T11:06:02.050 に答える
1

jQueryの：oddまたは：evenセレクターも使用できます。

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

これは答えを解決するためにノックアウトを使用しません、私は知っています、しかし時々単純な方が良いです。

于 2012-09-27T11:10:13.093 に答える