Question

我已定义一个WebGrid控件，我想设置列宽，因此我按以下方式设置列宽

Grid.Column（＆＃34; Details＆＃34;，canSort：false，format：（item）=＆gt; Html.ActionLink（＆＃34;详细信息＆＃34;，＆＃34;详细信息＆＃34;，新{id = item.CompetitiveExam.CompetitiveExamId}），风格：＆＃34;详细信息＆＃34; ）

我的css课就像......

.details {width：100px; }

以上代码正常工作但我不想使用单独的css类。

我也尝试使用embeded css跟随代码，但它不起作用.....

Grid.Column（＆＃34; Details＆＃34;，canSort：false，format：（item）=＆gt; Html.ActionLink（＆＃34;详细信息＆＃34;，＆＃34;详细信息＆＃34;，新{id = item.CompetitiveExam.CompetitiveExamId}），风格：＆＃34;宽度：100px ＆＃34;）

请任何人都可以帮助我..............

Answer 1

参数名称“style”是一个不幸的选择。它仅用于类名，而不用于内联样式声明。

选项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>"))

在MVC3中设置webgerid列宽

1 个答案: