如何用webgrid调整体重？

Question

问：如何使用mvc3 webgrid的宽度重新调整body的大小（宽度= 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! */
}

Razor（cshtml） -

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

Answer 1

在视图中实现网格并在参数中设置tablestyle，如

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

选择您在tablestyle中提供的名称并将其用作类

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

   width:100px;
  }

</style>

我认为它有效

Answer 2

表格的单元格不能小于其内容。

一些解决方案：

1. 考虑仅在详细信息视图中显示一些列;
   
2. 为单元格提供工具提示并尝试缩短文本长度;
   
3. 增加整页的宽度。

希望得到这个帮助。

Answer 3

在Site.css中，对于类webgrid-Style，将宽度更改为100％。