MVC WebGrid - 设置列宽

Question

我正在尝试在 MVC WebGrid（最后一列）中设置列的宽度，但尽管在 grid.column 声明中应用了一个类（如下面的代码所示），但宽度并没有改变。

该类已成功应用于 html，但仅应用于节内的行，而不应用于节内的列标题单元格。起初我以为这是浏览器中的宽度没有改变的原因，但后来我将该类添加到浏览器的标题单元格中（使用开发工具），它仍然没有改变宽度。

  @grid.GetHtml(tableStyle: "webgrid",                              
    headerStyle: "webgrid-header",                           
    footerStyle: "webgrid-footer",                          
    alternatingRowStyle: "webgrid-alternating-row",                         
    selectedRowStyle: "webgrid-selected-row",                           
    rowStyle: "webgrid-row-style",
    columns: grid.Columns(                                                                       
      grid.Column("Source", header: "source"),                                                                      
      grid.Column("Note", header: "note"),                                                                      
      grid.Column("Created", header: "created", format: @<text>@item.Created.ToString("dd-MMM-yyyy HH:mm")</text>),                                                                     
      grid.Column("Data", header: "data", canSort: true, style: "dataColWidthStyle")                                                                       
    )
   )

你能帮忙吗？

Answer 1

您需要在 CSS 中设置列​​的宽度。

当您使用表头时，不要忘记在<thead> 中设置<th> 标签的宽度，而不是<tbody> 的<td> 标签。