グリフの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%"を使用しないでください。 少なくとも1つの列（最も重要な情報を含む列）には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()を使用する必要があります。Javaクラスに比べて

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

だけgrdProcedure.invalidate();を追加します。