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