Как изменить размер тела с помощью веб-сетки?

Question

В: Как мне изменить размер тела с шириной веб-сетки mvc3 (это широкий вид сетки, где ширина = 100%)?

CSS -

.webgrid   /* This works fine...stretches 100% with scrollbars at bottom of browser
{
    width: 100%;
}

body
{
    /* What can I put here for width: "Stretch the body the same % or length as the webgrid */
    /* width: 100% <- DOESN'T WORK!!! Grid still runs over body page! */
}

Бритва (cshtml) -

<div  id="grid" class="gen">
    @grid.GetHtml(
        tableStyle: "webgrid",...)

Answer 1

Ячейки таблицы не могут быть меньше ее содержимого.

Некоторые решения:

1. Предположим, что некоторые столбцы отображаются только в подробном представлении;
   
2. Укажите в ячейках всплывающую подсказку и попробуйте уменьшить длину текста;
   
3. Увеличение ширины всей страницы.

Надеюсь, эта помощь.

Answer 2

В Site.css для класса webgrid-Style измените ширину на 100%.

Answer 3

когда вы реализуете сетку в представлении и устанавливаете tablestyle в параметре как

        @grid.GetHtml(tableStyle: "grid",.............)

выберите имя, которое вы даете в tablestyle и используете его как класс

<style type="text/css">
.grid{

   width:100px;
  }

</style>

я думаю, что это работает