MVC как изменить ширину/высоту webgrid

Question

Я пытаюсь отобразить datagridview с помощью mvc webgrid.
Поскольку 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; 
 
}

Похоже, что td имеет размер для авто.
Цените помощь

Answer 1

Решено: Я добавил к каждому DIV тд этой колонки, и я изменил размер 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; 
 
}