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.

Не забудьте установить ширину для <th> тегов в <thead> вместо <td> тегов <tbody> при использовании заголовка таблицы.