如何实现ASP.NET GridView数值列右对齐、格式化及最后列加粗加美元符号

1. 修正GridView定义（.aspx页面） #

关闭自动生成列，手动指定列属性，同时绑定行数据处理事件：

<asp:GridView ID="grdCalculate" runat="server" 
    GridLines="Horizontal" 
    CssClass="grid" 
    AutoGenerateColumns="False"
    OnRowDataBound="grdCalculate_RowDataBound">
    <Columns>
        <asp:BoundField DataField="Title" HeaderText="分类" />
        <asp:BoundField DataField="Number" HeaderText="数值" />
    </Columns>
</asp:GridView>

2. 修正后端DataTable定义（.cs页面） #

明确指定数值列的数据类型，避免格式化异常：

DataTable dt = new DataTable("Table");
dt.Columns.Add(new DataColumn("Title", typeof(string)));              
// 明确指定数值列为decimal类型，保证格式化逻辑正常
dt.Columns.Add(new DataColumn("Number", typeof(decimal)));
dt.Rows.Add("Number", 12.3);
dt.Rows.Add("Pages", 45789);
dt.Rows.Add("requirements", 23456);
dt.Rows.Add("Price", 12);
dt.Rows.Add("Property", 25);
dt.Rows.Add("test1", 0);
dt.Rows.Add("Total", total);
grdCalculate.DataSource = dt;
grdCalculate.DataBind();

3. 添加行数据绑定事件处理逻辑（.cs页面） #

在该事件中统一处理数值格式化、对齐、加粗、加美元符号的需求：

protected void grdCalculate_RowDataBound(object sender, GridViewRowEventArgs e)
{
    // 仅处理普通数据行，跳过表头、页脚行
    if (e.Row.RowType != DataControlRowType.DataRow) return;

    TableCell numberCell = e.Row.Cells[1];
    // 右对齐设置
    numberCell.HorizontalAlign = HorizontalAlign.Right;
    // 千分位格式化+保留两位小数+添加美元符号
    decimal numValue = Convert.ToDecimal(DataBinder.Eval(e.Row.DataItem, "Number"));
    numberCell.Text = $"${numValue:N2}";
    // 列内容加粗
    numberCell.Font.Bold = true;
}

4. 补充CSS优化对齐效果 #

给数值列设置固定宽度和右内边距，保证所有数值右对齐后视觉统一，达到你要求的展示效果：

.grid td:last-child {
    width: 160px;
    padding-right: 12px;
}

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