knockoutjs风格的桌面排

Question

我正在使用模板来填充表格：

模板：

<tr data-bind="click: pressedItem, style: { top: getHeightFromIndex($index), position: 'absolute' }">
    <td class="resultCell">
        <div class="resultItem" data-bind="attr: { id: $root.key }, html: formattedName" style="float: left"></div>
    </td>
</tr>

在视图模型中：

getHeightFromIndex = function(index) {
    console.log("Height: " + (index() * 40) + " px");
    return (index() * 40) + ' px';
}

我的高度在控制台中正确打印出来，但所有表格行相互重叠（好像没有设置顶部尺寸）。我绑错了吗？

Answer 1

想出来。

return (index() * 40) + ' px';

应该是......

return (index() * 40) + 'px';

'px'之前的间隔会让它变得混乱。