0

我希望从一个大块中显示一小部分文本，以充当“上下文线索”。我可以调整列的宽度，但是我不知道如何调整高度或显示的行数。代码如下：

@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)

有问题的特定行是第二列。为“描述”添加行。我不希望文本字段可点击，只显示文本并在“x”#行、字符或我用来完成这项工作的任何其他内容之后截断

提前致谢

解决方案：

我使用内联 CSS 样式。您必须将标签包装在 a 中，否则它将不起作用..

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

0 回答 0