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中设置列的宽度。

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

MVC WebGrid - 设置列宽

1 个答案: