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>，而不是<tbody><td>標籤設置寬度<th>標籤。