MVC @ Html.Grid列高度调整

时间:2013-07-31 15:15:37

标签: c# html css asp.net-mvc asp.net-mvc-3

我希望显示来自其他大块的一小段文本作为“上下文线索”。我能够调整列的宽度但是我无法弄清楚如何调整高度或显示的行数。代码如下:

@Html.Grid(Model).Columns(columns =>
{
   columns.Add(model => model.Name).Titled("Name").Sanitized(false).Encoded(false)
          .RenderValueAs(model => 
                 @Html.ActionLink(model.Name, "Details", new { id = model.Id }));
   columns.Add(model => model.Description).Titled("Description").Sanitized(false).Encoded(false).SetWidth(350);
   columns.Add().Sanitized(false).Encoded(false).SetWidth(15)
          .RenderValueAs(model =>
                 <a class=\"btn btn-mini\" href=\"/LaborCategory/Edit/" + model.Id + "\"><i class=\"icon-pencil\"/></a>");
   columns.Add().Sanitized(false).Encoded(false).SetWidth(15)
          .RenderValueAs(model =>
                 <a class=\"btn btn-mini\" href=\"/LaborCategory/Delete/" + model.Id + "\"><i class=\"icon-trash\"/></a>");
}).Sortable(true).Filterable().WithPaging(20)

有问题的特定行是“description”的第二列.add行。我不希望文本字段可单击,只显示文本并截断“x”#行,字符或其他任何我用来使其工作的内容

提前致谢

解决方案:

我使用了内联CSS样式。你必须将标签包装在一个否则它将无法工作..

.RenderValueAs(model => "<div style='white-space:nowrap; width: 350px; height:50px; overflow:hidden; text-overflow:ellipsis;'>"+model.Description+"</div>")

0 个答案:

没有答案