如何为带行标题的GridView实现分组拆分效果？

嘿，我来帮你搞定GridView的分组拆分需求！下面是最常用的实现思路，完美适配你当前带编辑/选择按钮的GridView：

方法一：利用RowDataBound事件手动插入分组行 #

这是最灵活且无需额外控件的方案，核心思路是先让数据按分组字段排序，然后在绑定每行时判断是否需要插入分组标题行。

步骤1：确保数据源按分组字段排序 #

首先修改你的SQL查询，必须按你要分组的字段排序，比如你要按Category分组，SQL要加上：

ORDER BY Category

这样同组的数据会连续排列，才能正确生成分组。

步骤2：给GridView添加RowDataBound事件 #

修改你的GridView标记，加上OnRowDataBound事件绑定：

<asp:GridView ID="gv" runat="server" CssClass="gvadmin" PageSize="19" AllowPaging="true" 
    OnPageIndexChanging="gv_PageChanging" AutoGenerateSelectButton="true" 
    AutoGenerateEditButton="true" OnRowEditing="gv_RowEdit" 
    OnSelectedIndexChanged="gv_SelectChanged" 
    OnRowDataBound="gv_RowDataBound" />

步骤3：后台实现分组逻辑 #

在你的页面后台代码里，先定义一个全局变量记录上一个分组的值，然后实现gv_RowDataBound方法：

// 全局变量：记录上一个分组的字段值，用于判断是否需要新建分组行
private string _previousGroupValue = string.Empty;

protected void gv_RowDataBound(object sender, GridViewRowEventArgs e)
{
    // 只处理数据行
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        // 替换成你实际的分组字段名，比如"Department"、"Category"
        string currentGroupValue = DataBinder.Eval(e.Row.DataItem, "你的分组字段名").ToString();

        // 如果当前行的分组值和上一个不同，插入分组标题行
        if (!currentGroupValue.Equals(_previousGroupValue, StringComparison.OrdinalIgnoreCase))
        {
            // 创建分组标题行
            GridViewRow groupHeaderRow = new GridViewRow(-1, -1, DataControlRowType.Header, DataControlRowState.Normal);
            
            // 计算合并的列数：因为你开启了AutoGenerateSelectButton和AutoGenerateEditButton，这两个是额外的列
            int totalColumns = gv.Columns.Count + 2;
            TableCell groupCell = new TableCell
            {
                ColumnSpan = totalColumns,
                Text = currentGroupValue,
                BackColor = System.Drawing.Color.LightSlateGray,
                ForeColor = System.Drawing.Color.White,
                Font = new Font(e.Row.Font.FontFamily, 10, FontStyle.Bold)
            };

            groupHeaderRow.Cells.Add(groupCell);
            
            // 将分组行插入到当前数据行的上方
            gv.Controls[0].Controls.AddAt(e.Row.RowIndex + gv.HeaderRow.RowIndex + 1, groupHeaderRow);

            // 更新上一个分组值
            _previousGroupValue = currentGroupValue;
        }
    }
    // 分页时重置分组值，避免下一页的分组延续上一页的最后值
    else if (e.Row.RowType == DataControlRowType.Footer)
    {
        _previousGroupValue = string.Empty;
    }
}

关键注意事项 #

• 数据必须排序：如果同组的数据不连续，会重复生成分组标题行，这是最容易踩的坑。
• 列数计算：因为你用了AutoGenerateSelectButton和AutoGenerateEditButton，这两个按钮会生成额外的列，所以ColumnSpan要加上2（如果只有一个自动按钮就加1）。
• 分页重置：在Footer行重置分组变量，确保每一页的分组都是从新的组开始。
• 样式自定义：你可以根据自己的需求修改分组行的背景色、字体等样式，或者给分组行加CSS类，比如groupCell.CssClass = "grid-group-header";，然后在CSS里定义样式。

内容的提问来源于stack exchange，提问作者Bradley Summers