Asp.net mvc 将属性标题添加到grid.GetHtml中的标题

Asp.net mvc 将属性标题添加到grid.GetHtml中的标题,asp.net-mvc,Asp.net Mvc,我在MVC中有这样一个网格: @grid.GetHtml(columns: grid.Columns( grid.Column("WorkHours", header: "C.H. ↑↓",style: "text-align-center"), grid.Column("BasicWage", "Vc.Base ↑↓", style: "text-align-center", format: (item) => item.BasicWage.ToString()

我在MVC中有这样一个网格:

@grid.GetHtml(columns: grid.Columns(
    grid.Column("WorkHours", header: "C.H. ↑↓",style: "text-align-center"),
        grid.Column("BasicWage", "Vc.Base ↑↓", style: "text-align-center", format: (item) => item.BasicWage.ToString() + " €"),
        grid.Column("WageComplement", "Cmpl. ↑↓", style: "text-align-center"),
        grid.Column("SubsMeal", "Sub.Ref. ↑↓", style: "text-align-center"),
        grid.Column("WageVariableIndex", "Rem.Var.Ind. ↑↓", style: "text-align-center"),
        grid.Column("WageVariableNonAdjustable", "Rem.Var. Ñ Reg. ↑↓", style: "text-align-center"),htmlAttributes: new { @class="compSalTable"})
<table>
    <th title="Work Hours"> C.H. ↑↓ </th>
    ....
</table>
现在我想给我的标题添加标题,这样当你把鼠标移到标题上时,它就会显示一个文本

在html代码中,您可以这样做:

@grid.GetHtml(columns: grid.Columns(
    grid.Column("WorkHours", header: "C.H. ↑↓",style: "text-align-center"),
        grid.Column("BasicWage", "Vc.Base ↑↓", style: "text-align-center", format: (item) => item.BasicWage.ToString() + " €"),
        grid.Column("WageComplement", "Cmpl. ↑↓", style: "text-align-center"),
        grid.Column("SubsMeal", "Sub.Ref. ↑↓", style: "text-align-center"),
        grid.Column("WageVariableIndex", "Rem.Var.Ind. ↑↓", style: "text-align-center"),
        grid.Column("WageVariableNonAdjustable", "Rem.Var. Ñ Reg. ↑↓", style: "text-align-center"),htmlAttributes: new { @class="compSalTable"})
<table>
    <th title="Work Hours"> C.H. ↑↓ </th>
    ....
</table>

C.H。↑↓ 
....

如何在MVC网格中做到这一点?

我认为没有内置的方法可以做到这一点。您可以从中看到,
WebGrid.Column
仅为标题说明一个字符串(无法指定HTML属性)

您可能需要使用Javascript黑客来做的事情。例如:

// hopefully you can render this lookup part using a Razor loop
var titleLookup = {
    "C.H. ↑↓", "Work Hours",
    "Vc.Base ↑↓", "Basic Wage",
    ...
};

$("table th").each(function() {
    $(this).attr("title", titleLookup[$(this).text().trim()));
});

这是您在使用任何RAD类型的东西(如WebGrid)时经常遇到的问题。很快,您就需要一个不受支持的功能,实现基本功能变得非常乏味。

谢谢您的回答。请看一下我的答案。@user3384203我想我的原始答案的问题是
el
没有JQuery包装。请查看我的更新答案。正在工作!:非常感谢!