데이터 테이블의 열 정렬

Question

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 
     }); 

사람이 솔루션을하시기 바랍니다 제안 할 수 있습니다?

Answer 1

나는 비슷한 문제에 직면 해 있었다. 그리고 그것을 해결할 시간이 거의 없었습니다. 이것은 나를 도왔던 빠른 해결책입니다. 당신의 데이터 테이블 쓰기이 두 라인을 렌더링 후

:

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

참고 :이 최고의 솔루션,하지만 확실히 빠른 아니다.