Question

我有这个数据的网格。使用hflex =＆＃34; min＆＃34;设置列。这是我的.zul

<?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>

它工作正常，当浏览器调整宽度小时我可以看到带有scrrolbar的网格，并且信息清晰可辨。但是当调整浏览器大小时，会出现图像中的问题。我找到了一个解决方案，它在网格中设置了hflex，但是当浏览器调整得很小时，horizontall滚动条就不会出现。

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()刷新该网格就像这样：

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

比在Java类中添加grdProcedure.invalidate();。

网格中的Hflex。调整浏览器大小后

2 个答案: