原始数据冻结列行高不匹配 [英] Primefaces datatable Frozen columns Row Heights Mismatch

问题描述

我的行高度不匹配问题与Primefaces数据表冻结列。冻结和未冻结的列的行高不匹配，像独立的数据表一样。

I have the row heights mismatch problem with the Primefaces data table frozen columns. Row heights of the frozen and not-frozen columns do not match, acting like independent data tables. The row heights are adjusted independently in the left and right layouts.

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

Any workarounds would be appreciated.

推荐答案

对于PrimeFaces 5.3版，我写了解决方案来同步行的高度，这是一个有点在javascript上调用的javascript函数：

For PrimeFaces version 5.3 i wrote workaround to synchronize rows height, it is a little javascript function called on dom ready:

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

这篇关于原始数据冻结列行高不匹配的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！