primefaces - Primefaces データテーブル 固定された列 行の高さの不一致

Question

Primefaces データ テーブルの固定された列で行の高さが一致しないという問題があります。固定された列と固定されていない列の行の高さは一致せず、独立したデータ テーブルのように機能します。行の高さは、左右のレイアウトで個別に調整されます。

任意の回避策をいただければ幸いです。

Answer 1

PrimeFaces バージョン 5.3 では、行の高さを同期するための回避策を書きました。これは、DOM Ready で呼び出される小さな 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>