MVC webgridの幅/高さのサイズを変更する方法

Question

mvc webgridを使用してdatagridviewを表示しようとしています。
私の列のうちの1つは、その内部の多くのデータに大きな幅/高さが必要なため、必要ありません。
私はCSSを使用して、次のコードを設定しても全く変化が

私の見解コードを表示されません

div class="row resultP"> 
 
    @grid.GetHtml(
 

 
    columns: grid.Columns(
 
    grid.Column("Id"), 
 
    grid.Column("TestId"), 
 
    grid.Column("URL"), 
 
    grid.Column("TestLog", style: "colTestLog"), 
 
    grid.Column("RegistrationType"), 
 
    grid.Column("Country"), 
 
    grid.Column("Time"), 
 
    grid.Column("UserId"), 
 
    grid.Column("CurrencyId"), 
 
    grid.Column("TestResultStatusId"), 
 
    grid.Column("Result")) 
 

 
) 
 
</div>

私のcss

.colTestLog{ 
 
    width:20px; 
 
    height:20px; 
 
    overflow:hidden; 
 
}

コンテンツに自動サイズがあるようです。
任意のヘルプ解決

Answer 1

感謝：私はこのコラムのすべてのTDにDIVを追加し、私は

<div class="row resultP"> 
 
    @grid.GetHtml(
 

 
    columns: grid.Columns(
 
    grid.Column("Id"), 
 
    grid.Column("TestId"), 
 
    grid.Column("URL"), 
 
    grid.Column("TestLog", style: "colTestLog", format:@<div>@item.TestLog</div>), 
 
    grid.Column("RegistrationType"), 
 
    grid.Column("Country"), 
 
    grid.Column("Time"), 
 
    grid.Column("UserId"), 
 
    grid.Column("CurrencyId"), 
 
    grid.Column("TestResultStatusId"), 
 
    grid.Column("Result")) 
 

 
) 
 
</div>

.colTestLog div { 
 
    width: 65px; 
 
    height: 23px; 
 
    overflow: hidden; 
 
}

divのサイズを変更し を