grid - ZK Grid Columns 在按下按钮时改变宽度

Question

我放置了具有一定比例列的 ZK 网格，如下所示：

    <grid model="@load(vm.rowList)">
        <template name="model">
            <row>
                <cell width="7px">
                    <label value="@load(each.number)"/>
                </cell>

                <cell width="55px">
                    <vbox>
                        <button label="Up" width="100%"
                            onClick="@command('up',row=each)" />
                        <button label="Down" width="100%"
                            onClick="@command('down',row=each)" />
                    </vbox>
                </cell>
                <cell width="100%">
                    <label value="@load(each.text)"/>
                </cell>
            </row>
        </template>
    </grid>

它显示得很好，直到我按下任何按钮，每列的宽度变成网格的 1/3。

我不明白原因。请建议如何保持宽度不变。

Answer 1

你可以试试！！！使用 de colums by 来调整每个单元格的大小。

<grid model="@load(vm.rowList)">
    <columns sizable="true">
        <column width="20%"/>
        <column width="20%"/>
        <column width="20%"/>
    </columns>
    <template name="model">
        <row>
            <cell>
                <label value="@load(each.number)"/>
            </cell>

            <cell>
                <vbox>
                    <button label="Up" width="100%"
                        onClick="@command('up',row=each)" />
                    <button label="Down" width="100%"
                        onClick="@command('down',row=each)" />
                </vbox>
            </cell>
            <cell>
                <label value="@load(each.text)"/>
            </cell>
        </row>
    </template>
</grid>