исправлены заголовки для webgrid, бритвы asp.net mvc3 - PullRequest
Новая
       28

исправлены заголовки для webgrid, бритвы asp.net mvc3

1 голос
/ 27 марта 2012

У меня была панель в моем проекте, в которой была сетка. Была предусмотрена максимальная функциональность для панели, поэтому я дал ширину и высоту веб-сетки как 100%, так как она варьируется по ширине и высоте. И я отображаю 20 строк в веб-сетке, и прокрутка выглядит нормально ... Теперь мое требование - мои заголовки должны быть исправлены, и пользователь может иметь возможность прокручивать содержимое. Я ссылался на различные блоги. В некоторых блогах говорилось, что мы должны дать фиксированную ширину для элементов th и td, но это не возможно в моем сценарии (так как я дал ширину в%%). Например 

  grid.Column("EquipmentManfacturer", header: "Warranty Provider", style: "column5"),

 <style type="text/css">

.column5
 {
     width: 25%;
 }

</style>

И в некоторых других блогах они дали стиль css для "th" элементов как "display: block", но это не решает мою проблему. Может ли кто-нибудь, пожалуйста, помогите мне найти решение ..

1 Ответ

3 голосов
/ 17 апреля 2012

Просто нужно сделать столешницу фиксированной позиции, ограничить высоту стола и установить переполнение на «прокрутку».Чтобы сделать это, добавьте следующий CSS на свою страницу: 

table { display: inline-block; height: 200px; overflow-y: scroll; }
thead { position: fixed; margin-top: -30px; }

Для правильной верстки потребуется немного доработки.

...