css - 使用引导 div 结构的 knockout 排序不起作用

Question

使用 bootstrap 3 并尝试在 bootstrap 网格中启用排序。我有一个可观察到的 knockout 系列。我正在尝试使用这个 jsfiddle，这是一个简单的示例。

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>

"

Answer 1

我想我真的无法弄清楚问题出在哪里。 Here这是一个 JSFiddle 示例，(我相信)它工作得很好。

我对您的原始 div 结构所做的所有更改都是您的示例集合 -- myCollection .我将其更改为使用 Records你已经拥有的收藏。然后从你的 fiddle ，我改变了 <thead>也是一个div结构。我还添加了 css width属性，使它看起来更像一个表格。

希望这对您有所帮助。