「コンテキストの手がかり」として機能する、それ以外の場合は大きなブロックからテキストの小さなセクションを表示しようとしています。列の幅を調整することはできますが、高さ、または表示される行の量を調整する方法がわかりません。コードは以下のとおりです。
@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)
問題の特定の行は、2 番目の列です。「説明」の行を追加します。テキストフィールドをクリック可能にしたくありません。テキストを表示し、「x」行、文字、またはこれを機能させるために使用するその他のものの後に切り捨てます
前もって感謝します
解決:
インライン CSS スタイルを使用しました。タグをラップする必要があります。そうしないと機能しません。
.RenderValueAs(model => "<div style='white-space:nowrap; width: 350px; height:50px; overflow:hidden; text-overflow:ellipsis;'>"+model.Description+"</div>")