C# MVC@Html.Grid柱高度调整
我希望显示一个大块中的一小部分文本,作为“上下文线索”。我可以调整列的宽度,但我不知道如何调整高度或显示的行数。代码如下:C# MVC@Html.Grid柱高度调整,c#,html,css,asp.net-mvc,asp.net-mvc-3,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
@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)
@Html.Grid(Model).Columns(Columns=>
{
columns.Add(model=>model.Name).Titled(“Name”).Sanitized(false).Encoded(false)
.RenderValueAs(模型=>
@ActionLink(model.Name,“Details”,新的{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(模型=>
");
columns.Add().Sanitized(false).Encoded(false).SetWidth(15)
.RenderValueAs(模型=>
");
}).Sortable(true).Filterable().WithPaging(20)
讨论中的特定行是第二列。请为“说明”添加行。我不希望文本字段是可点击的,只需显示文本并在“x”后截断行、字符或其他我用来实现此功能的内容
提前谢谢
解决方案:
我使用内联CSS样式。你必须把标签包起来,否则它就不行了
.RenderValueAs(model => "<div style='white-space:nowrap; width: 350px; height:50px; overflow:hidden; text-overflow:ellipsis;'>"+model.Description+"</div>")
.RenderValueAs(model=>“”+model.Description+“”)
在样式表中设置高度。您可以为每一列指定一个css类。您可以使用内联样式,谢谢!