Grid의 Hflex 브라우저 크기를 조정 한 후 오류가 표시되지 않습니다.

Question

이 데이터가있는 표가 있습니다. 열은 hflex = "min"으로 설정됩니다. 여기 괜찮아 일하고

<?page title="" contentType="text/html;charset=UTF-8"?> 
<div sclass="container-resume-procedure"> 
    <grid sclass="grid-resume-procedure" height="130px"> 
     <auxhead> 
      <auxheader colspan="1"> 
       <label value=""/> 
      </auxheader> 
      <auxheader colspan="2" style="align:center"> 
       <label value="Resumen del Tramite"/> 
      </auxheader> 
      <auxheader colspan="1"> 
       <label value=""/> 
      </auxheader>    
     </auxhead>  
     <columns> 
      <column label="Numero de Tramite" hflex="min" width="15%" align="center"/> 
      <column label="Cliente" hflex="min" width="15%" align="center"/> 
      <column label="Orden" hflex="min" width="15%" align="center"/> 
      <column label="Estado" hflex="min" width="15%" align="center"/>  
     </columns> 
     <rows> 
      <row> 
       <label id="proced"/> 
       <label id="resume_client"/> 
       <label id="resumenumOrder"/> 
       <label id="resume_status"/> 
      </row> 
     </rows> 
    </grid> 
</div> 

내 .zul이 브라우저는 작은 폭의 크기를 조정할 때 나는 scrrolbar와 그리드를 볼 수 있고, 정보는 읽을 수 있습니다. 브라우저 크기가 조정되면 이미지의 문제가 발생합니다. 그리드에서 hflex로 설정된 하나의 솔루션을 찾았지만 브라우저의 크기가 매우 작 으면 가로 스크롤 막대가 나타나지 않습니다.

Answer 1

필자는 열이 그리드의 너비를 100 % 커버해야한다고 생각하지만 너의 오른쪽에는 빈 공간이 보인다. hflex="min" 및 width="15%"을 사용하지 마십시오. 최소한 하나의 열 (가장 중요한 정보가 들어있는 열)은 hflex="1"이고 다른 열은 hflex="min"이어야합니다. 이 시도 :

<column label="Numero de Tramite" hflex="min" align="center"/> 
<column label="Cliente" hflex="1" align="center"/> 
<column label="Orden" hflex="min" align="center"/> 
<column label="Estado" hflex="min" align="center"/> 

Answer 2

당신은 ID를 포기하고 그냥 좋아하는 그리드 를 새로 invalidate()를 사용해야합니다 단지 grdProcedure.invalidate();를 추가

grid id="grdProcedure" sclass="grid-resume-procedure" height="130px" 

자바 클래스보다.