想在html表格C#中显示列表数据

Question

enter image here

我想在 html 表格中添加列表数据。 列表数据可以是多种多样的，因此表行是动态的，如果列表大小增加，用户可以使用表中的分页来移动下一个...

using (SqlDataReader sdr = cmd.ExecuteReader())
                {
                    while (sdr.Read())
                    {
                        Date1.Add(sdr["Date"].ToString());
                        Time.Add(sdr["Time"].ToString());
                        Event.Add(sdr["Event"].ToString());
                        Venue.Add(sdr["Venue"].ToString());
                    }
                }

                conn.Close();
            }
        }
        for (int i = 0; i < Date1.Count; i++) {

            string Date11 = Date1[i];
            string Time1 = Time[i];
            string Event1 = Event[i];
            string Venue1 = Venue[i];
            if(Venue1.Contains(country) || Venue1.Contains(Code[0]))
            {
                Result.Add( Date11 + " " + Time1 + " " + Event1 + " " + Venue1);

            }

        }

谁能给我可以在我的项目中使用的代码/提示。我会非常感谢你。

Answer 1

以下示例满足您在问题中列出的以下要求：

1. 生成包含您的数据的 HTML 表格
2. 具有分页功能
3. 支持动态列

背后的代码：

protected void Page_Load(object sender, EventArgs e)
{
    if(!Page.IsPostBack)
    {
        gvEvents.DataSource = this.GetEvents();
        gvEvents.DataBind();
    }
}

private DataTable GetEvents()
{
    var table = new DataTable();

    string connectionString = ConfigurationManager.ConnectionStrings["connectionString"].ConnectionString;

    using(var connection = new SqlConnection(connectionString))
    {
        using(var command = new SqlCommand("SELECT TOP 100 Date,Time,Event,Venue FROM Event",connection))
        {
            connection.Open();

            var adapter = new SqlDataAdapter(command);
            adapter.Fill(table);

            connection.Close();
        }
    }

    int rows = table.Rows.Count;//Place breakpoint to make sure table has rows

    return table;
}

protected void gvEvents_PageIndexChanging(object sender, GridViewPageEventArgs e)
{
    gvEvents.PageIndex = e.NewPageIndex;
    gvEvents.DataSource = this.GetEvents();
    gvEvents.DataBind();
}

.ASPX：

<form id="form1" runat="server">
    <asp:GridView ID="gvEvents" runat="server" AllowPaging="true" PageSize="2" OnPageIndexChanging="gvEvents_PageIndexChanging">
    </asp:GridView>
</form>

输出：