将行号列添加到绑定到 DataTable 的 DataGridView

Question

在 ADO.NET 中，我使用DataAdapter.Fill (..)调用来使用数据库中的值填充 DataTable。 然后，我将 DataTable 绑定到 DataGrid 以允许滚动浏览所有值、编辑并将更改更新回数据库。 所有标准的东西。 我使用 Visual Studio Windows Forms 向导，因为它是如此标准。

但是现在我想显示一个左侧列（不是数据库行的一部分）来对 DataGrid 中显示的行进行编号。 我仍然希望将绑定的行数据保持原样，并自动更新回数据库等等。 显然，我不能用巫师做到这一点。

方法一

如果我手动执行此操作，我将更改 DataTable 加载查询以包含一个虚拟 integer 列，以将所需的行号列注入返回的表中：

SELECT '' as Num, * from MyTable

然后我会在将 DataTable 绑定到网格之前以编程方式将行号插入该字段，这将根据需要显示行号。 我希望 DataTable 的自动更新代码会忽略网格中的额外列。

方法二

另一种可能的方法是在绑定到 DataSource（我的 DataTable）后以编程方式将新列添加到 DataGrid。 然后我会在显示网格之前用行号填充新列。

问题

但是在我放弃方便的向导并为所有事情做手动工作之前，我想问一下是否有一种标准的方法来做这种事情。 我不敢相信我是第一个想要在网格显示中使用行号（不是数据库行的一部分）的人。

我在这里和其他各种论坛上搜索过想法，但没有一个人谈论当您将新列注入表加载查询（方法 1）或将 DataGrid 绑定到数据源后注入网格时更新代码会发生什么（方法二）。

我什至想过使用从两个不同绑定源馈送的两个相邻网格控件。 但是在滚动期间保持它们同步所需的代码似乎需要更多的工作。

谁能指出解决此问题的最佳方法或提供代码片段？ 我可以进入表单设计器生成的代码以向绑定的 DataGrid 添加一列，但我在尝试查找和理解将更改更新回数据库的更新部分时迷失了方向。 谢谢你。

Answer 1

有一些不错的选项不会干扰数据的查询或结构，并且仅基于 GUI 逻辑：

• 使用RowPostPaint事件在 RowHeader 上绘制行号
• 使用RowPrePaint事件将行号分配给行的HeaderCell
• 创建一个新的DataGridViewRowNumberColumn来显示行号

使用 RowPostPaint 事件在 RowHeader 上绘制行号

您可以处理RowPostPaint并在 header 单元格中绘制行号。 以下代码显示了一个简单的逻辑：

private void dataGridView1_RowPostPaint(object sender, DataGridViewRowPostPaintEventArgs e)
{
    var g = (DataGridView)sender;
    var r = new Rectangle(e.RowBounds.Left, e.RowBounds.Top,
        g.RowHeadersWidth, e.RowBounds.Height);
    TextRenderer.DrawText(e.Graphics, $"{e.RowIndex + 1}",
        g.RowHeadersDefaultCellStyle.Font, r, g.RowHeadersDefaultCellStyle.ForeColor);
}

上面的代码已经足够好了，但是您可能希望通过将 datagridview 单元格 alignment 映射到这种方法的文本格式标志来增强逻辑。 您可能还希望将逻辑放在自定义DataGridView中并覆盖OnRowPostPaint并在派生的DataGridView为true时设置DoubleBuffered属性。

使用 RowPrePaint 事件将行号分配给行的HeaderCell如果您将字符串值分配给 header 单元格的Value属性，它将显示在行 header 上。

您在循环中分配值，在这种情况下，您需要处理RowAdded和RowRemoved事件并重新分配行号。 更好的解决方案是使用RowPrePaint并检查 header 单元格的值是否不正确，然后更正它：

private void dataGridView1_RowPrePaint(object sender, DataGridViewRowPrePaintEventArgs e)
{
    var g = (DataGridView)sender;
    if (e.RowIndex > -1 && $"{g.Rows[e.RowIndex].HeaderCell.Value}" != $"{e.RowIndex + 1}")
    {
        g.Rows[e.RowIndex].HeaderCell.Value = $"{e.RowIndex + 1}";
    }
}

创建一个新的DataGridViewRowNumberColumn来显示行号

第二个选项是创建一个新的可重用列类型来显示行号。 您可以像使用任何其他列类型一样使用此列类型。 您可以在设计时或运行时添加列。

using System.ComponentModel;
using System.Windows.Forms;
public class DataGridViewRowNumberColumn : DataGridViewColumn
{
    public DataGridViewRowNumberColumn() : base()
    {
        this.CellTemplate = new DataGridViewRowNumberCell();
        this.Width = 40;
        this.SortMode = DataGridViewColumnSortMode.NotSortable;
    }
    [Browsable(false)]
    [DefaultValue(true)]
    public override bool ReadOnly
    {
        get { return true; }
        set { base.ReadOnly = true; }
    }
}
public class DataGridViewRowNumberCell : DataGridViewTextBoxCell
{
    protected override void Paint(System.Drawing.Graphics graphics,
        System.Drawing.Rectangle clipBounds, System.Drawing.Rectangle cellBounds,
        int rowIndex, DataGridViewElementStates cellState, object value,
        object formattedValue, string errorText, DataGridViewCellStyle cellStyle,
        DataGridViewAdvancedBorderStyle advancedBorderStyle,
        DataGridViewPaintParts paintParts)
    {
        base.Paint(graphics, clipBounds, cellBounds, rowIndex, cellState, value,
            formattedValue, errorText, cellStyle, advancedBorderStyle, paintParts);
    }
    protected override object GetValue(int rowIndex)
    {
        return rowIndex + 1;
    }
    protected override bool SetValue(int rowIndex, object value)
    {
        return base.SetValue(rowIndex, rowIndex + 1);
    }
}

Answer 2

请参阅： DataGridViewRow.HeaderCell 属性– TnTinMn

TnTinMn 提供了最简单的答案，可以实现我的目标。 我在这里复制了他的评论，以便我可以将其标记为已回答的问题。

加载网格后，只需沿着行向下走并将行 label（行号）分配给行左端的“标题单元格”。 好的部分是行号是网格中的 label，而不是网格中的一列未绑定数据。