将列分为几个部分 - Gridview

Question

我有gridview，其中包含合并的单元格和列。 我试图将一个单元格分成几个部分，但没有运气。 基本上下面的图像显示了我想要实现的目标。

目前我有第一个图片结构，我希望它像第二张图片。 （在图像中，我只将前两行中的列分开，但我希望它在整个网格中。）

基本上从第2列和其他将包含日期作为标题。所以我希望将两天的差异拆分为不同的部分。

例如

Col2(1/1/2012)         | Col3(7/1/2012)
This col will split    |
in to 6 sections (7-1) |

任何帮助都是欣赏!!

谢谢

Answer 1

选项1“ 您可以以表格格式构建html字符串并将其绑定到网格。在后面的代码中执行此操作。

  sb.Append("<table style=\"width: 100%;\"> ");


for (int i = 0; i < cnt;i++)
        {
            col1="";
            col2="";
            col3="";

            String fmt= @"<tr>
                            <td style='width: 33%;' >
                                <b>{0}</b>
                            </td>
                            <td style='width: 33%;'>
                                {1}
                            </td>
                            <td style='width: 33%;' >
                                {2}
                            </td>
                        </tr>";

            col1 = row[i].col1 ;
            col2 = row[i].col2 ;
            col3 = row[i].col3 ;

            sb.AppendFormat(fmt, col1,col2,col3);
        }
        sb.Append("</table>");

选项2： （或者您可以在aspx页面的gridview中使用表格格式）

<ItemTemplate>

<div class="innerTable">
 <table>
    <tr >
       <td ></td>
       <td ></td>
    </tr>
    <tr>
       <td></td>
       <td></td>
   </tr>
</table>
</div>
</ItemTemplate>

Answer 2

我通过合并第一行的行数据来实现它。

我根据日期差异添加了新列，并且对于一组日期差异，我添加了相同的列标题，将它们合并在一起。