MVC如何更改webgrid的宽度/高度大小

Question

我正在尝试使用mvc webgrid显示datagridview 由于我的列中有一个包含很多数据，因此导致我不想要的宽度/高度 我使用css设置以下代码但没有出现更改

我的观看代码

＆＃13;

＆＃13;

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>

＆＃13;

＆＃13;

＆＃13;

我的css

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

看起来td的内容有自动尺寸 感谢任何帮助

Answer 1

解决： 我将div添加到此列的每个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;
}