Hflex in Grid. Doesn't show correclty after resize the Browser
<p><a href="https://i.stack.imgur.com/V0paJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/V0paJ.png" alt="enter image description here"></a></p>

<p>I have this grid with this data. The columns are set with hflex="min". Here is my .zul</p>

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

<p>It's working okay, when the browser is resized with a small width I can see the grid with a scrrolbar and the info is legible. but when the browser is resized the problem in the image occurs. I find one solution, which is set hflex in the grid, but when the browser is resized very small, the horizontall scrollbar doesn't appear.</p>