0

在此处输入图像描述

我有这个数据的网格。列设置为 hflex="min"。这是我的 .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>

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

4

2 回答 2

1

我认为列必须覆盖网格的 100% 宽度，但在你的列中，我看到右侧有空白区域。所以不要使用hflex="min"and 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"/>
于 2016-12-01T09:10:43.833 回答
1

您需要提供 ID 并使用invalidate()来刷新该网格，如下所示：

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

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

于 2017-03-30T02:20:42.267 回答