Не могу установить ширину для вспомогательного заголовка в zk

Question

У меня есть сетка, в которой я хочу установить ширину для auxheader в.zul, но она не работает. Я использую ZK Framework.

<grid id="chartGrid" model="@bind(vm.chartGridModel)" mold="paging" 
      style="overflow:auto" width="100%"  >
    <auxhead hflex="2" >
        <auxheader hflex="2" align="center" width="200px" label="Date" rowspan="3"/>
    </auxhead>
    <auxhead hflex="1"  children="@bind(vm.legendsFB)" visible="@bind(vm.vFb)" >
        <auxheader align="center" width="200px" colspan="1"></auxheader>
          <template name="children">
                <auxheader align="center" label="@bind(each)" colspan="@bind(
                     vm.viewType eq '0' ? 3 :2)" hflex="2"/>
            </template>
    </auxhead>

    <columns visible="false"><!-- make it invisible -->
    <column width="200px"/><!-- specify width here -->
    <column width="150px"/>
    <column width="50px"/>
    <column width="50px"/>
    </columns>
<template name="model">
    <row>
          <cell align="center" ><label  value="@load(each.report_date)"></label>
          </cell>
          <cell align="center"><label value="@load(each.total_action)"></label>
          </cell>    
          <cell align="center"><label value="@load(each.from_user_male)"></label>
          </cell>    
          <cell align="center"><label value="@load(each.from_user_female)"></label>
          </cell>    
    </row>
</template>
</grid>

Answer 1

Вы устанавливаете ширину и colspan.

colspan = "x" означает, что вы возьмете x столбцов вашего шаблона.

Теперь вы можете удалить colspan, и он должен работать, но помните, что когда вы устанавливаете ширину в px, убедитесь, что общее значение px совпадает с px всех ваших строк.

Вы также можете сделать width = "20%", это будет означать, что вы берете 20% от вашего общего размера пикселей столбцов. Его легче рассчитать до 100%, чем ваш общий пиксель.

Привет холод.