Gridview列为行

Question

在ASP NET项目中，我有一个gridview控件，其中包含以下信息：

Column A   Column B   Column C   Graph
Value A    1          9          Graph A
Value B    3          7          Graph B

图表列的每一行都有一个图表控件，每个图表的信息代表eack行的值，例如，图表A有10％和90％的条形图，图表B有条形图30％和70％。

不，我想知道的是表示这样的信息的最简单方法：

Column A   Column B   Column C
Value A    1          9
         Graph A
Value B    3          7
         Graph B

由于

Answer 1

对列B使用TemplateField。然后您可以使用您喜欢的任何HTML。 例如：

<asp:TemplateField HeaderText="Column B"  >
   <ItemTemplate>
       <asp:Label runat="server" ID="LblColumnB" /><br/>
       <asp:Image ID="ImgChart" runat="server" />
   </ItemTemplate>
</asp:TemplateField>

您可以将数据绑定在GridView的RowDataBound - 处理程序。

中

  void GridView1_RowDataBound(Object sender, GridViewRowEventArgs e)
  {
    if(e.Row.RowType == DataControlRowType.DataRow)
    {
      var data = (DataRowView)e.Row.DataItem;
      var LblColumnB = (Label)e.Row.FindControl("LblColumnB");
      var ImgChart = (Image)e.Row.FindControl("ImgChart");
      // Bind data or load the controls ....
    }
  }