primefaces - Primefaces数据表冻结列行高不匹配

Question

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

任何解决方法将不胜感激。

Answer 1

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

<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>