asp.net-mvc-3 - クラスを th に追加する

Question

クラスを webgrid の td に追加するのは簡単です。次に例を示します。

new WebGridColumn {
    ColumnName= "Owl.Species",
    Header= "Scientific Name",
    Style= "sci-name"
}

スタイルタグは、クラス「sci-name」をtd. th理想的なソリューションではないjQueryを使用せずに、その列にクラスを追加するにはどうすればよいですか。

score 1 · Accepted Answer

それを行うための組み込みの方法はないと思います。メソッドが仮想としてマークされていないため、WebGrid クラスを拡張することさえできません。私が考えることができる最善の方法は、CSS を使用して、要素をそのインデックスnth-childでターゲットにすることです。th

<style type='text/css'>
    table thead tr th:nth-child(2) {
        background: yellow;
    } 
</style>

まだ理想的ではありませんが、JQuery を使用するよりはましだと思います。

score 0 · Accepted Answer

これには ParametersのheaderStyleプロパティを使用できますWebGrid.GetHtml

例えば：

ここに画像の説明を入力

お役に立てれば！！！

score 0 · Accepted Answer

Javascript以下のコードを使用してこれを行うことができます。これが最も簡単な方法です。

$("table tr th:nth-child(n)").addClass("col-md-1");

3 に答える 3