在ASP.NET MVC 3中,要在WebGrid的列名(Header)中添加HTML,可以使用列名的属性,并在该属性中添加HTML标签。以下是一个示例:
@{
var grid = new WebGrid(Model);
}
@grid.GetHtml(
tableStyle: "webgrid",
headerStyle: "header",
columns: grid.Columns(
grid.Column("Column1", header: "Column 1"),
grid.Column("Column2", header: "Column 2"),
grid.Column("Column3", header: "Column 3"),
grid.Column("Column4", header: "Column 4"),
grid.Column("Column5", header: "Column 5"),
grid.Column("Column6", header: "Column 6"),
grid.Column("Column7", header: "Column 7"),
grid.Column("Column8", header: "Column 8"),
grid.Column("Column9", header: "Column 9"),
grid.Column("Column10", header: "Column 10")
)
)
在这个示例中,我们创建了一个WebGrid对象,并在其中添加了10个列。在每个列的header属性中,我们添加了一个HTML标签,以在列名中添加HTML。
例如,如果我们想在列名中添加一个按钮,可以在header属性中添加一个<button>
标签,如下所示:
grid.Column("Column1", header:<button>Column 1</button>")
这将在WebGrid的列名中添加一个按钮,并在其中显示“Column 1”文本。
同样,您可以在header属性中添加其他HTML标签,以在列名中添加HTML。
领取专属 10元无门槛券
手把手带您无忧上云