MVC WebGrid -设置列宽

Question

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

该类成功地应用于html中，但仅应用于部分中的行，而不是部分中的列标题单元。起初，我认为这是浏览器中宽度不变的原因，但后来我将类添加到浏览器中的标题单元格中(使用dev工具)，它仍然没有更改宽度。

  @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>标签的宽度。