Bindung Knockout foreach mit einer Tabellenzeile

Question

Ich habe die untenstehende Tabelle Struktur

<table style="width: 100%;">         
<tr> 
<td><b>Fund Value:</b></td> 
<td data-bind="text: ItemDetails().FundValue"></td> 
<td><b>Fund Code:</b></td> 
<td data-bind="text: ItemDetails().FundCode"></td> 
<td><b>Fund Desc:</b></td> 
<td data-bind="text: ItemDetails().FundDesc"></td> 
    </tr> 
<tr data-bind="foreach: ItemDetails().PriceRebates">       

<td><b>Rebate Value:</b></td> 
    <td data-bind="text: RebateValue"></td> 
    <td><b>Rebate Code:</b></td> 
    <td data-bind="text: RebateCode"></td> 
    <td><b>Rebate Desc:</b></td> 
    <td data-bind="text: RebateDesc"></td> 

    </tr> 
</table> 

Es in die Ko-Viewmodel gebunden ist. Das Problem, das ich habe, ist, dass der tr an die foreach-Schleife gebunden ist und daher mehrere td für die ItemDetails() erzeugt. PriceRebates Knockout-Daten, die ich nicht will. Ich möchte mehrere tr für die ItemDetails() erstellt werden. PriceRebates Daten. Kann mir bitte jemand sagen, wie ich das erreichen kann.

Dank

Answer 1

Sie foreach ohne Containerelement verwenden können:

<!-- ko foreach: ItemDetails().PriceRebates --> 
<tr>       
    <td><b>Rebate Value:</b></td> 
    <td data-bind="text: RebateValue"></td> 
    <td><b>Rebate Code:</b></td> 
    <td data-bind="text: RebateCode"></td> 
    <td><b>Rebate Desc:</b></td> 
    <td data-bind="text: RebateDesc"></td> 
</tr> 
<!-- /ko -->