Javascript 如何向表中添加列

下面是示例代码knockout.js：

<h2>Your seat reservations</h2>

<table>
    <thead><tr>
        <th>Passenger name</th><th>Meal</th><th>Surcharge</th><th></th>
    </tr></thead>
    <tbody data-bind="foreach: seats">
    <tr>
        <td data-bind="text: name"></td>
        <td data-bind="text: meal().mealName"></td>
        <td data-bind="text: meal().price"></td>
    </tr>    
</tbody>
    <tbody><button data-bind="click: addSeat">Reserve another seat</button></tbody>
</table>

---

这段代码对add列很有效。但是我需要列，可以这样做吗？

在ReservationViewModel中添加以下行，并将标题替换为下面的html部分

self.Columns = ko.observableArray([{ ColumnName: "Header1" }, { ColumnName: "Header2"}]);


 <tr data-bind="foreach: Columns">
            <th data-bind="text: ColumnName>
                Passenger name
            </th>
        </tr>

self.Columns=ko.observearray（[{ColumnName:'Header1}，{ColumnName:'Header2}]）；
我很困惑，你想添加列而不是行，为什么？我很震惊，但我需要这个我认为无容器绑定将是你在这里的朋友
self.Columns = ko.observableArray([{ ColumnName: "Header1" }, { ColumnName: "Header2"}]);


 <tr data-bind="foreach: Columns">
            <th data-bind="text: ColumnName>
                Passenger name
            </th>
        </tr>