使用bootstrap div结构进行的Knockout排序无法正常工作

Question

使用bootstrap 3并尝试在bootstrap网格中启用排序。我有一个可观察的淘汰赛系列。我试图使用这个简单的例子。

http://jsfiddle.net/brendonparker/6S85t/

它适用于我的表格结构，但不能使它与下面的div结构一起使用。任何建议将不胜感激。

 名称             类型             扇形              

<div id="workqueue" class="container-fluid grid-col-wrap" data-bind="foreach: myCollection">
    <div class="row equal" >
        <div class="col-sm-4 col-md-3 col-lg-2 grid-data" data-bind="text: Name"></div>
        <div class="col-sm-4 col-md-3 col-lg-2 grid-data" data-bind="text: Type"></div>
        <div class="col-sm-2 col-md-2 col-lg-1 hidden-xs grid-data" data-bind="text: Sector">     </div>
    </div>

＆＃34;

Answer 1

我想我无法弄清问题是什么。 Here是一个JSFiddle示例（我相信）完全正常。

我从原始div结构改变的只是你的示例集合 - myCollection。我将其更改为使用您已有的Records集合。然后从你的小提琴中，我将<thead>改为div结构。我还添加了css width属性，使其看起来更像是一个表。

希望这有帮助。