Html 如何在asp.net mvc中对齐Web网格上的标题

我有九列的

WEBGRID

，在这里，我需要

文本右对齐

用于货币字段，而

文本居中对齐

用于其他字段。当我尝试对齐列时，其列已对齐，

标题未正确对齐，如何根据列对齐方式对齐特定
列的标题

<div id="gridContent">
     @grid.GetHtml(
     tableStyle: "webgrid-table",
     headerStyle: "webgrid-header",
     footerStyle: "webgrid-footer",
     alternatingRowStyle: "webgrid-alternating-row",
     selectedRowStyle: "webgrid-selected-row",
     rowStyle: "webgrid-row-style",
      columns: grid.Columns(
                            grid.Column("Cust_Name", "Customer Name", style:"Custname"),
                            grid.Column("SalesDatestr", "Sales Date",style: "name"),
                            grid.Column("TotalAmount", "Total Amount", style:"Curency"),
                            grid.Column("Pay_Amount", "Paid Amount", style:" width: 64px; text-align: right;  margin-right: 174px; border-right-style: solid; border-right-width: 29px; "),
                             grid.Column("Pay_Mode", "Paid Mode", style: "name"),
                             grid.Column("Bank_Name", "Bank Name", style: "name"),
                             grid.Column("Bank_Address", "Bank Address", style: "name"),
                             grid.Column("ChequeNo", "ChequeNo", style: "name"),
                             grid.Column("Cheque_Datestr", "Cheque Date", style: "name")                                                                             
                                    )
                                  )
</div>

纵队

.Curency
{
text-align: right;
width: 80px;
border: rgba(250, 38, 38, 0);
border-right-style: solid;
border-right-width: 10px;

}

应用此项：

<style type="text/css">
    tr.webgrid-row-style td:nth-child(4)
    {
        text-align: right;
    }
</style>


tr.webgrid-row-style td:n子项（4）
{
文本对齐：右对齐；
}

<style type="text/css">
    tr.webgrid-row-style td:nth-child(4)
    {
        text-align: right;
    }
</style>