asp.net-mvc-3 - MVC 3 Web グリッド列ヘッダーへの画像の追加

Question

最近、MVC 3 の Web グリッドを使用しています。列の 1 つで、ヘッダー テキストの横に画像を表示する必要があります。例: + これは MVC Web グリッドで可能です。

どうも

Answer 1

現在、CSS (列ヘッダーにスタイルを提供し、CSS で背景画像を設定する) または JavaScript を使用しない限り、これは不可能です。

CSS3 の例:

@grid.GetHtml(headerStyle: "header", columns: grid.Columns(
    grid.Column("Id"),
    grid.Column("Title")
))

次に、CSS3 を使用して 2 番目の列ヘッダーに背景画像を設定するには:

<style type="text/css">
.header th:nth-child(2) {
    background-image: url(foo.png);
}
</style>