表头描述,一行表头包含多个GridHeaderCell
下面例子介绍了w:gridHeader的用法:
<w:dataGrid id="grid-example" paged="true" rows="10"
var="data">
<w:gridHeader>
<w:gridHeaderCell colspan="5" label="#{msgs['title.all']}" />
</w:gridHeader>
<w:gridHeader>
<w:gridHeaderCell label="#{msgs['title.company']}" rowspan="2"/>
<w:gridHeaderCell label="#{msgs['title.price']}" rowspan="2"/>
<w:gridHeaderCell label="#{msgs['title.changedvalue']}" colspan="2"/>
<w:gridHeaderCell label="#{msgs['title.lastupdated']}" rowspan="2"/>
</w:gridHeader>
<w:gridHeader>
<w:gridHeaderCell label="#{msgs['title.change']}"/>
<w:gridHeaderCell label="#{msgs['title.change_percent']}"/>
</w:gridHeader>
<w:outputColumn id="company" width="100" align="center" sortable="true" />
<w:outputColumn id="price" width="200" />
<w:outputColumn id="change" align="right"/>
<w:outputColumn id="change_percent" value="#{data.pctChange}" align="right"/>
<w:outputColumn id="lastupdate" value="#{data.lastUpdated}" converter="outputDateFormatter" />
</w:dataGrid>