1

コンテナーレス制御フロー構文なしで以下の同じものをレンダリングし、有効な html を持つことは可能ですか?

<tbody data-bind="foreach: dates">
        <tr>
            <td class="empty"></td>
            <td class="date-container" data-bind="attr: { colspan: $parent.gymCourts().length }">
                <div class="date" data-bind="html: date"></div>
            </td>
        </tr>
        <!-- ko foreach: times -->
        <tr class="time-games">
            <td class="time-container">
                <div class="time" data-bind="html: time"></div>
            </td>
            <!-- ko foreach: games -->
            <td class="game-container">
                <div class="game">
                    <span data-bind="html: awayTeam.name"></span> vs. <span data-bind="html: homeTeam.name"></span>
                </div>
            </td>
            <!-- /ko -->
        </tr>
        <!-- /ko -->
    </tbody>
4

2 に答える 2

2

tbodyテーブルに複数の要素を配置できるためforeach、table要素にを配置できる場合は、次のことができます。

​&lt;table data-bind="foreach: dates">
   <tr>
        <td></td>
        <td data-bind="html: date">

        </td>
   </tr>
   <tbody data-bind="foreach: times">
        <tr>
            <td></td>
            <td data-bind="html: time">

            </td>
        </tr>       
    </tbody>
</table>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​
于 2012-05-18T02:45:56.147 に答える
0

そうは思いませんが<div>、「テーブルモード」でタグを使用すると、次のことができると思います。

<div data-bind="foreach: dates">
    <div style="display: table-row">
        <div style="display: table-cell"></div>
        <div style="display: table-cell" data-bind="html: date"></div>
    </div>
</div>
<div data-bind="foreach: times">
    <div style="display: table-row">
        <div style="display: table-cell"></div>
        <div style="display: table-cell" data-bind="html: time"></div>
    </div>
</div>
于 2012-05-18T02:41:05.230 に答える