根据容器的大小和每行的大小,它具有动态的行数。
如果查看链接列,每行都可以有这样的多个链接。
如果你注意到,底部的分页被抛弃了。那是因为目前当我对表格进行回流或调整大小时,我得到的信息是每一行都有一个链接。这改变了,每一行现在都有多个链接。以下是回流的工作原理:
var el = $element.closest('.gridster-item');
var height = el.height();
vm.dsHeight = 36;
vm.pageHeight = 52;
var calcHeight = vm.dsHeight + vm.pageHeight;
var rowHeight = height - calcHeight - 40;
var rows = Math.floor(rowHeight / 27) - 1;
vm.numPerPage = rows < 0 ? 5 : rows;
如果你看到var rows = Math.floor(rowHeight / 27) - 1,那么27就是先前假设的常量行高。
现在,对于n> = 1个链接,具有多个链接的行或者具有27个像素的高度,或者具有27 + 16(n-1)的高度,对于n = 0个链接,具有27 + 16n的高度。
我正在尝试找到使用该函数的最佳方法,以根据像素高度获取适当的行值。我的第一个想法是采取所有高度的平均值,但我有一个问题是使用Angular访问那块DOM。以下是HTML查找的方式。
<tbody>
<tr align="left" ng-repeat="row in tableRows track by $index">
<td nowrap ng-repeat="col in row.data track by $index"><span ng-bind-html="col"></span></td>
</tr>
</tbody>
出于某种原因,当我执行$ element.find('tbody')时,我可以访问外部tbody元素,但是当我尝试去它的子节点或访问高度时,我得到null或未定义。否则,我不知道如何访问高度,并且无法想到基于变化的行像素高度来改变行数的其他好方法。
答案 0 :(得分:0)
它看起来每个链接都在修复行上。这是对的吗?如果是这样,你不能只计算
元素或元素的数量,并从这个计数中获得行数吗?