Question

我希望我的上一个listcell的自动宽度为列表大小。但是当列表大小不够时，不希望列表单元格太小或吞没。

expand.grid

希望有人帮忙！

Answer 1

首先，

你想要的是不可能的原因很明显，如果您的屏幕尺寸为1000px，您的浏览器在哪里占用第3列的空间？

当前两列需要为500px时，您唯一能做的就是将所有可用位置设置为vflex="max"的第3列。

作为一个可选项，您可以做的是使列可以为用户调整大小。（在sizable中将listhead设置为true。

Answer 2

在最后一个listheader中使用 hflex =＆＃34; min＆＃34;

根据documentation，

默认情况下，必须明确指定列的宽度，或它将在列之间平均分配，无论它们是什么内容可能有。如果你想要最小宽度（适合内容），您可以指定hflex =＆＃34; min＆＃34;在列（不是列表框）。

<listbox width="800px">
    <listhead>
        <listheader width="500px">header 1</listheader>
        <listheader width="500px">header 2</listheader>
        <listheader hflex="min">header 3</listheader>
    </listhead>

    <listitem>
        <listcell>item 1</listcell>
        <listcell>item 1</listcell>
        <listcell>item 1</listcell>
    </listitem>

    <listitem>
        <listcell>item 1</listcell>
        <listcell>item 1</listcell>
        <listcell>item 1</listcell>
    </listitem>

    <listitem>
        <listcell>item 1</listcell>
        <listcell>item 1</listcell>
        <listcell>item 1</listcell>
    </listitem>
</listbox>

Answer 3

这项工作对我来说

<listbox vflex="1" width="100%">
    <listhead>
        <listheader width="500px">header 1</listheader>
        <listheader width="500px">header 2</listheader>
        <listheader style="min-width: 120px;display: block;">header 3</listheader>
    </listhead>

    <listitem>
        <listcell>item 1</listcell>
        <listcell>item 1</listcell>
        <listcell style="min-width: 120px;display: block;">item 1</listcell>
    </listitem>

    <listitem>
        <listcell>item 1</listcell>
        <listcell>item 1</listcell>
        <listcell style="min-width: 120px;display: block;">item 1</listcell>
    </listitem>

    <listitem>
        <listcell>item 1</listcell>
        <listcell>item 1</listcell>
        <listcell style="min-width: 120px;display: block;">item 1</listcell>
    </listitem>
</listbox>

最后一行的ZK列表框自动宽度

3 个答案: