用淘汰賽的foreach生成的元素，但保持靜態元素

Question

我想用淘汰賽生成以下HTML

<tr> 
    <th>Substatus</th> 
    <th>Header 1</th> 
    <th>Header 2</th> 
    <th>Total</th> 
</tr> 

如果數據模型看起來像這樣...

function Model() { 
    var self = this; 
    self.headers = ko.observableArray([{ Description: 'Header 1' }, { Description: 'Header 2' }]); 
} 

的通知第一個和最後一個列標題不是由數據模型指定的，而是靜態定義的。我如何更改以下模板來輸出標題，就像我需要它？

<script type="text/html" id="vendorReportTemplate"> 
    <tr> 
     <th>Substatus</th> 

     <!--somehow i need knockout to generate the dynamic headers here--> 

     <th>Total</th> 
    </tr> 
</script> 

Answer 1

Virtual Elements

<tr> 
    <th>Substatus</th> 

    <!-- ko foreach: headers --> 
    <th data-bind="text: Description"></th> 
    <!-- /ko --> 
    <th>Total</th> 
</tr> 

Example