數據表中的列對齊

我在p:dataTable的標題列中使用p:columnGroup。我在此表中實現了一個垂直和水平滾動條。現在，當我將水平滾動移動到最右側時，由於垂直滾動條呈現在標題列下，因此包含數據的列不與標題列垂直對齊。所以在對準偏差（間隙=垂直滾動條的寬度）數據表中的列對齊

下面是代碼

<p:columnGroup id="columnGroup" type="header"> 
      <p:row> 
     <p:column id="emptyColumnHeader">&nbsp;</p:column> 
     <p:column colspan="3" headerText="General" /> 
     <p:column colspan="4" headerText="Article" /> 
     <p:column colspan="5" headerText="Sample" /> 
     </p:row>

使用jquery實現滾動

var oTable2 = $($currentTableId).find('table').dataTable({ 

      "sScrollX" : "100%", 
      "sScrollY" : "350", 
      "bAutoWidth" : false, 

      "bScrollCollapse" : true, 
      "bPaginate" : false, 
      "bSort" : false, 
      "sInfo" : "", 
      "sInfoEmpty" : "" 
     }); 
     oTable2.height("200"); 
     var oFC = new FixedColumns(oTable2, { 
      "iLeftColumns" : 4, 
      "sHeightMatch" : "auto", 
      "iLeftWidth" : 500 
     });

任何人都可以建議將溶液好嗎？

來源

2012-06-14 pankaj

我曾遇到過類似的問題。而且幾乎沒有時間來解決它。這是一個幫助我的快速解決方案。

渲染你的數據表中寫這兩行後：

// Considering your datatable id as 'myTableId' 
$('#myTableId_next').click(); 
$('#myTableId_previous').click();

注：這是不是最好的解決辦法，但絕對是一個快速的一個。

來源

2012-07-02 06:40:01 Niranjan

數據表中的列對齊

回答

相關問題