-
FEATURED COMPONENTS
First time here? Check out the FAQ!
I have a grid with merged headers
<grid id="carparking2SellCarGrid" hflex="min" sizedByContent="true"
mold="paging" pageSize="10" model="${logSellCarListModel}" >
<auxhead hflex="min" >
<auxheader hflex="min" align="center" colspan="1"/>
<auxheader hflex="min" align="center" colspan="2" forEach="${selectedSellCars}" tooltiptext="${each.car_name}" >
<label hflex="1" value="${each.car_name}"></label>
</auxheader>
</auxhead>
<columns hflex="min">
<column align="center" hflex="min">Date</column>
<zk forEach="${selectedSellCars}" >
<column align="center" hflex="min">Action</column>
<column align="center" hflex="min">User</column>
</zk>
</columns>
<template name="model">
<row>
<cell>
<label style="overflow: auto;" value="${each.report_time}"/>
</cell>
<zk forEach="${each.displayed_number}">
<cell><label value="${each}"></label></cell>
</zk>
</row>
</template>
The result is Here
The headers aren't fully displayed, i tried to change the hflex to "1", but not worked. Can anyone give me a grid example with very long merged headers, please?
Try this code
<grid width="200px">
<auxhead>
<auxheader label="A" rowspan="2" />
<auxheader label="BC" colspan="2" />
<auxheader label="D" rowspan="2" />
</auxhead>
<columns><!-- this is wrong since the number of column components is smaller -->
<column label="B"/>
<column label="C"/>
</columns>
<rows>
<row>
<label forEach="E,F,G,H" value="${each}"/><!-- four columns -->
</row>
</rows>
</grid>
Or update your question with some demo code of fiddle demo
Hello Weasley,
This is because your label
of your <auxheader>
is smaller than the length of headers labels under it.
Even i faced the same kind of situation sometime back.
What i did was gave ...
after exceeding the length of column label length and on mouse over i gave its full Name.
to get full name on mouse over use tooltiptext="auxheader label"
.
Greetings...
M Varun.
Asked: 2013-10-17 10:24:11 +0800
Seen: 50 times
Last updated: Mar 06 '14