FineUI 官方论坛

标题: 【已解决】GRID表头的单元格合并 [打印本页]
作者: Fine!    时间: 2014-4-22 12:43
标题: 【已解决】GRID表头的单元格合并
本帖最后由 Fine! 于 2014-4-22 13:30 编辑

搜索过论坛和api了，没找到解决方法：
需求如下
[attach]5125[/attach]
怎么把河南省"数据”移到最后一行，“河南省”独占2行。。最后一行的数据表头对齐。
搜索遍论坛，找遍API都没发现这个表头单元格合并的方法。。

附上临时解决方法：
  1.             <Columns>
  2.                 <f:GroupField HeaderText="安徽省" TextAlign="Center">
  3.                     <Columns>
  4.                         <f:GroupField HeaderText="合肥市" TextAlign="Center">
  5.                             <Columns>
  6.                                 <f:BoundField Width="100px" DataField="AHData1" HeaderText="数据一" />
  7.                                 <f:BoundField Width="100px" DataField="AHData2" HeaderText="数据二" />
  8.                             </Columns>
  9.                         </f:GroupField>
  10.                     </Columns>
  11.                 </f:GroupField>
  12.                 <f:GroupField HeaderText="<br />河南省 <br /> <br />">
  13.                     <Columns>
  14.                                 <f:BoundField Width="100px"  DataField="HZData1" HeaderText="数据一" />
  15.                                 <f:BoundField Width="100px" DataField="HZData2" HeaderText="数据二" />
  16.                      
  17.                                 <f:BoundField Width="100px" DataField="HLData1" HeaderText="数据一" />
  18.                                 <f:BoundField Width="100px" DataField="HLData2" HeaderText="数据二" />
  19.                      
  20.                     </Columns>
  21.                 </f:GroupField>
  22.                 <f:BoundField BoxFlex="1" DataField="LogTime" DataFormatString="{0:yyyy-MM-dd}" HeaderText="记录时间" />
  23.             </Columns>
复制代码
<f:GroupField HeaderText="<br />河南省 <br /> <br />">
[attach]5126[/attach]

附上另外一种办法，上面那种左下角好像线条不平。。不知道怎么解决。
添加css
        #Grid1_ctl01-textEl
        {
            height:44px;
            line-height:44px
        }
ID用firebug抓取。
如图：
[attach]5127[/attach]

作者: Fine!    时间: 2014-4-22 12:51
  1.         <f:PageManager ID="PageManager1" runat="server" />
  2.         <f:Grid ID="Grid1" ShowBorder="true" ShowHeader="true" Title="表格" EnableFrame="true" EnableCollapse="true" Width="800px" runat="server"   
  3.             DataKeyNames="Guid">
  4.             <Columns>
  5.                 <f:GroupField HeaderText="安徽省" TextAlign="Center">
  6.                     <Columns>
  7.                         <f:GroupField HeaderText="合肥市" TextAlign="Center">
  8.                             <Columns>
  9.                                 <f:BoundField Width="100px" DataField="AHData1" HeaderText="数据一" />
  10.                                 <f:BoundField Width="100px" DataField="AHData2" HeaderText="数据二" />
  11.                             </Columns>
  12.                         </f:GroupField>
  13.                     </Columns>
  14.                 </f:GroupField>
  15.                 <f:GroupField HeaderText="河南省">
  16.                     <Columns>
  17.                         
  18.                                 <f:BoundField Width="100px"  DataField="HZData1" HeaderText="数据一" />
  19.                                 <f:BoundField Width="100px" DataField="HZData2" HeaderText="数据二" />
  20.                   
  21.                                 <f:BoundField Width="100px" DataField="HLData1" HeaderText="数据一" />
  22.                                 <f:BoundField Width="100px" DataField="HLData2" HeaderText="数据二" />
  23.                   
  24.                     </Columns>
  25.                 </f:GroupField>
  26.                 <f:BoundField BoxFlex="1" DataField="LogTime" DataFormatString="{0:yyyy-MM-dd}" HeaderText="记录时间" />
  27.             </Columns>
  28.         </f:Grid>
复制代码
作者: 只为玉碎不为瓦    时间: 2014-12-17 20:56
受教，不过官方的怎么会没有后台动态生成多表头的呢。



欢迎光临 FineUI 官方论坛 (https://fineui.com/bbs/) Powered by Discuz! X3.4