テンプレートを使用してテーブルを埋めています:
テンプレート:
<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';
}
私の高さはコンソールに正しく出力されますが、すべての表の行が互いに重なっています (上部の寸法が設定されていないかのように)。私はそれを間違ってバインドしていますか?