Установить ширину столбца webgerid в MVC3

Question

У меня есть один элемент управления WebGrid, и я хочу установить ширину столбца, поэтому я устанавливаю ширину столбца следующим образом

Grid.Column («Подробности», canSort: false, формат: (элемент) => Html.ActionLink ("Подробности", "Детали", новый {id = item.CompetitiveExam.CompetitiveExamId}), стиль: "детали" )

и мой класс CSS похож ...

.details {width: 100px; }

этот код работает правильно, но я не хочу использовать отдельный класс CSS.

и я также пытаюсь в следующем коде использовать Embeded CSS, но он не работает .....

Grid.Column («Подробности», canSort: false, формат: (элемент) => Html.ActionLink ("Подробности", "Детали", новый {id = item.CompetitiveExam.CompetitiveExamId}), style: "width: 100px ")

пожалуйста, любой может мне помочь ..............

Answer 1

Название параметра "стиль" было неудачным выбором. Он используется только для имени класса, а не для объявлений встроенного стиля.

Вариант 1.

Если вы действительно хотите изменить ширину столбца без css, есть другое переопределение для Html.ActionLink, которое принимает htmlAttributes в качестве четвертого параметра. Эти атрибуты будут отображаться в каждой строке, поэтому они не самые эффективные, но работают.

new { style = "display:inline-block; width:100px;" } 

Вот полная строка

Grid.Column("Details", 
            canSort: false, 
            format: (item) => Html.ActionLink("Details", 
                        "Details", 
                        new { id = item.CompetitiveExam.CompetitiveExamId }, 
                        new { style = "display:inline-block; width:100px;" }
                    )
           )

Вариант 2.

Для более общего случая, когда вы хотите, чтобы любой тип столбца содержал форматирование, просто включите HTML-оболочку с желаемым форматированием. Опять же, это делает ваш документ больше, чем нужно:

format: ((item) => new MvcHtmlString("<div style='width:100px;'>" + 
                   "your content here" + 
                   "</div>"))