2015-05-07 114 views
0

我有Primefaces數據表凍結列的行高不匹配問題。凍結和非凍結列的行高不匹配,就像獨立數據表一樣行事。行高在左側和右側佈局中獨立調整。Primefaces datatable凍結列行高不匹配

任何解決方法,將不勝感激。

+0

PF版本?如果較新的版本表現出相同的行爲,則有兩種解決方法:確保正常單元格具有默認高度或寫入一些javascript和css,以將正常行的高度複製到固定列的行中。 – Kukeltje

回答

2

對於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> 
+0

它在Firefox中正常工作,但鉻仍然有一些不匹配 – antonu17

+0

如果你分頁?過濾?分類? – Kukeltje

+0

我剛剛靜態表......但它可能在排序/過濾後調用此函數 – antonu17