Javascript 在tr淘汰赛中将最后一个td带到下一行

我想把最后一列“描述”带到下一行

这是小提琴

它看起来一定很像 我需要表格，说明td必须在同一tr中

Item name         SalesCount   Price
Speedy Coyote     89           $190.00
This is a Description
Furious Lizard    152          $25.00
This is a Description 

---

提前感谢您的帮助

您应该有这样的东西：（我已经更新了您的）

或者，您可以在模板中使用

div

，而不是

表

，但我不确定，因为我不太清楚

ko.simpleGrid

HTML

---

Thanx对答案很满意，但我希望它在同一个tr中，并且表格是强制性的

<div class='liveExample'>     
    <div data-bind='simpleGrid: gridViewModel, simpleGridTemplate:"custom_grid_template"'> </div>      
</div>

<script type="text/javascript" id="custom_grid_template">
  <table class="ko-grid" cellspacing="0">
    <thead>
      <tr data-bind="foreach: columns">
        <th data-bind="text: headerText"></th>
      </tr>
    </thead>
    <tbody data-bind="foreach: itemsOnCurrentPage">
      <tr data-bind="foreach: $parent.columns">

        <!--ko ifnot: typeof rowText == 'object' && typeof rowText.action == 'function'-->
        <td data-bind="text: typeof rowText == 'function' ? rowText($parent) : $parent[rowText] "></td>
        <!--/ko-->
      </tr>
      <!-- Your "desc" should be rendered as a row -->
      <tr>
        <td colspan="3" data-bind="text: desc">Test</td>
      </tr>
    </tbody>
  </table>
</script>

var initialData = [
    { name: "Well-Travelled Kitten", sales: 352, price: 75.95, desc:"This is a description" },
    { name: "Speedy Coyote", sales: 89, price: 190.00 , desc:"This is a description" },
    { name: "Furious Lizard", sales: 152, price: 25.00 , desc:"This is a description" },
    { name: "Indifferent Monkey", sales: 1, price: 99.95 , desc:"This is a description" },
    { name: "Brooding Dragon", sales: 0, price: 6350 , desc:"This is a description" },
    { name: "Ingenious Tadpole", sales: 39450, price: 0.35 , desc:"This is a description" },
    { name: "Optimistic Snail", sales: 420, price: 1.50 , desc:"This is a description" }
];

var PagedGridModel = function(items) {
    this.items = ko.observableArray(items);

    this.gridViewModel = new ko.simpleGrid.viewModel({
        data: this.items,
        columns: [
            { headerText: "Item Name", rowText: "name" },
            { headerText: "Sales Count", rowText: "sales" },
            { headerText: "Price", rowText: function (item) { return "$" + item.price.toFixed(2) } }
            //Your "desc" is not a column
        ],
        pageSize: 4
    });
};

ko.applyBindings(new PagedGridModel(initialData));