如何创建动态gridview？

Question

我希望我的网格视图看起来像这样。

这是我的议程表：

如何创建可在上面的图片中查看的网格视图/表格。 我过去曾使用简单的网格视图，将它们绑定到数据源，但这不止于此。

Answer 1

您可以通过编程方式在GridView中使用RowSpan和ColSpan。您必须使用GridView的OnRowDataBound事件。

    protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        //chech if the row is the header
        if (e.Row.RowType == DataControlRowType.Header)
        {
            //span 3 columns, starting with the first one (0)
            e.Row.Cells[0].ColumnSpan = 3;

            //remove the other 2 column cells
            e.Row.Cells.RemoveAt(2);
            e.Row.Cells.RemoveAt(1);
        }
        //check if the row is a datarow
        else if (e.Row.RowType == DataControlRowType.DataRow)
        {
            //the last rownumber of the rows to be spanned, can only count backwards because next row does not exist yet.
            if (e.Row.RowIndex == 8)
            {
                //amount of rows to be spanned
                int rowSpanCount = 4;

                //find the first cell counting backwards (8 - rowSpanCount)
                GridViewRow firstRow = GridView1.Rows[e.Row.RowIndex - rowSpanCount];
                firstRow.Cells[1].RowSpan = rowSpanCount;

                //hide the other cells that are part of the rowspan
                for (int i = 1; i < rowSpanCount; i++)
                {
                    GridViewRow nextRow = GridView1.Rows[e.Row.RowIndex - i];
                    nextRow.Cells[1].Visible = false;
                }
            }
        }
    }

在我的代码片段中，HeaderRow将跨越所有3列和单元格4，第1列将跨越4行。