【问题标题】:converting DataTable display data format in 2 dimensional format将DataTable显示数据格式转换为二维格式
【发布时间】:2016-08-15 02:40:05
【问题描述】:

我要准备一份报告,根据性别显示老客户和新客户的数量。所以报告的顶层是性别,然后是客户类型。但问题出在 DataTable 中,我得到的是普通表数据格式。如何以二维格式格式化 DataTable。

数据表格式

要求的格式

如何使用 DataTable、GridView 显示此报表信息?

【问题讨论】:

标签: asp.net gridview datatable


【解决方案1】:

试试这个代码 这里数据表的形状为枢轴网格并绑定到gridview。

ASPX:

<asp:GridView ID="gv2" OnDataBound="gv2_DataBound" runat="server" BackColor="White" BorderStyle="Solid"
        BorderWidth="1px" AutoGenerateColumns="false">
        <HeaderStyle BackColor="#95B3D7"/>           
    <Columns>
        <asp:BoundField  DataField="USER" HeaderText="USER" />
        <asp:BoundField  DataField="MALE_NEW" HeaderText="NEW CUSTOMER COUNT" ItemStyle-HorizontalAlign="Right" />
        <asp:BoundField  DataField="MALE_OLD" HeaderText="OLD CUSTOMER COUNT" ItemStyle-HorizontalAlign="Right"/>
        <asp:BoundField  DataField="FEMALE_NEW" HeaderText="NEW CUSTOMER COUNT" ItemStyle-HorizontalAlign="Right"/>
        <asp:BoundField  DataField="FEMALE_OLD" HeaderText="OLD CUSTOMER COUNT" ItemStyle-HorizontalAlign="Right"/>
    </Columns>
</asp:GridView>

CS:

    protected void Page_Load(object sender, EventArgs e)
    {
        DataTable dt = new DataTable("tbl");
        dt.Columns.Add(new DataColumn() { DataType = typeof(string), ColumnName = "USER" });
        dt.Columns.Add(new DataColumn() { DataType = typeof(string), ColumnName = "GENDER" });
        dt.Columns.Add(new DataColumn() { DataType = typeof(int), ColumnName = "NCNT" });
        dt.Columns.Add(new DataColumn() { DataType = typeof(int), ColumnName = "OCNT" });

        dt.Rows.Add("TEST", "MALE", 6, 1);
        dt.Rows.Add("TEST1", "MALE", 3);
        dt.Rows.Add("TEST2", "MALE", 4);
        dt.Rows.Add("TEST", "FEMALE", 1);
        dt.Rows.Add("TEST1", "FEMALE", 1);

        DataTable dtpivot = new DataTable();
        var ik = dt.AsEnumerable().Select(i => i.Field<string>("USER")).Distinct();
        int cnt = 0;
        foreach (var item in ik)
        {
            if (dtpivot.Columns["USER"] == null) { dtpivot.Columns.Add("USER"); }
            dtpivot.Rows.Add(item);
            var il = dt.AsEnumerable().Where(i => i.Field<string>("USER").Equals(item)).Select(j => j.Field<string>("GENDER")).Distinct();
            foreach (var item1 in il)
            {
                var im = dt.AsEnumerable().Where(i => i.Field<string>("GENDER").Equals(item1) && i.Field<string>("USER").Equals(item)).Select(j => new { newcol = j.Field<int?>("NCNT"), oldcol = j.Field<int?>("OCNT") });
                foreach (var item2 in im)
                {
                    if (dtpivot.Columns[item1 + "_NEW"] == null) { dtpivot.Columns.Add(item1 + "_NEW"); }
                    if (dtpivot.Columns[item1 + "_OLD"] == null) { dtpivot.Columns.Add(item1 + "_OLD"); }
                    dtpivot.Rows[cnt][item1 + "_NEW"] = item2.newcol;
                    dtpivot.Rows[cnt][item1 + "_OLD"] = item2.oldcol;
                }
            }
            cnt++;
        }

        gv2.DataSource = dtpivot;
        gv2.DataBind();

    }
    protected void gv2_DataBound(object sender, EventArgs e)
    {
        GridViewRow row = new GridViewRow(0, 0, DataControlRowType.Header, DataControlRowState.Normal);

        TableHeaderCell cell = new TableHeaderCell();
        cell.BackColor = Color.White;
        row.Controls.Add(cell);

        TableHeaderCell cell1 = new TableHeaderCell();
        cell1.Text = "MALE";
        cell1.ColumnSpan = 2;
        cell1.BackColor = ColorTranslator.FromHtml("#F2DDDC");
        row.Controls.Add(cell1);

        TableHeaderCell cell2 = new TableHeaderCell();
        cell2.Text = "FEMALE";
        cell2.ColumnSpan = 2;
        cell2.BackColor = ColorTranslator.FromHtml("#F2DDDC");
        row.Controls.Add(cell2);

        gv2.HeaderRow.Parent.Controls.AddAt(0, row);
    }

在关于代码中,如果我们想动态获取列,那么只需从 gridview 中删除列并设置 AutoGenerateColumns="true"

【讨论】:

  • 另一种方法是您也可以尝试使用纯 LINQ 查询。
  • 是的,您也可以使用 LINQ 执行此操作,在其中您可以通过分组用户和性别列从 select 子句生成四列。
猜你喜欢
  • 2014-11-02
  • 2023-02-14
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-07-21
  • 2011-01-24
  • 1970-01-01
相关资源
最近更新 更多