Question

我有Primefaces数据表冻结列的行高度不匹配问题。冻结和未冻结列的行高不匹配，就像独立的数据表一样。行高在左右布局中独立调整。

任何变通办法都会受到赞赏。

Answer 1

对于PrimeFaces版本5.3我编写了同步行高度的解决方法，它是一个在dom上调用的小函数：

<h:outputScript target="body">
    $(function() {
        synchronizeRowsHeight();
    });

    function synchronizeRowsHeight() {
        var $leftRows = $('.ui-datatable-frozenlayout-left').find('tr');
        var $rightRows = $('.ui-datatable-frozenlayout-right').find('tr');

        $leftRows.each(function (index) {
            var $leftRow = $(this);
            var $rightRow = $rightRows.eq(index);

            if ($rightRow.innerHeight() > $leftRow.innerHeight()) {
                $leftRow.innerHeight($rightRow.outerHeight());
            } else {
                $rightRow.innerHeight($leftRow.outerHeight());
            }
        })
    }
</h:outputScript>

Primefaces数据表冻结行高度不匹配

1 个答案: