Question

我有一个表在Lotus Notes中的xpage中提取值。我有nowrap设置所以它不包装。目前，当我将其设置为nowrap时，该值会扩展我的列的宽度。但是，我不需要看到拉动的整个价值。我只需要看看是否存在值。所以我需要列大小保持相同的大小。我试图在xpage中使用各种宽度值。但是，该值仍然扩展了列。因此，我需要解析该值以使其更小或找出添加宽度值的位置，以便它不会随着变量而增加。

提前致谢。

<td>
<div>
<xp:text escape="false" style="white-space:nowrap" id="computedFieldStatementNotesDisplay" value="#{auditDoc.StatementNotesDisplay}">
</xp:text>
</div>
</td>

Answer 1

我能想到的两个快速解决方案：

使用css溢出语句overflow: hidden，overflow: auto或overflow: scroll并将其应用于包含<td>或<div>标记的内容;您也可以考虑将表格列的宽度设置为某个值
使用SSJS限制列中显示的字符数。

JS代码可能是这样的：

var limit=20;  //test for max allowable chars
var val=auditDoc.getItemValueString("StatementNotesDisplay");  
if(val.length>limit){
  val=val.left(limit);  
}  
return val;

CSS解决方案可能是首选

更新：刚刚看到Per的评论链接到一个非常完整的css解决方案

Answer 2

我要感谢大家的回应。我拿出了给出的信息并应用了它。我必须在文本中添加宽度，并将设置放在.css中。这是有效的。

我将此添加到.css

.ellipsis span {
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
display:inline-block;
}

然后在xpage中我调用了省略号，然后在文本区域中设置宽度。

<td class="ellipsis">
<xp:text escape="false" id="computedFieldStatementNotesDisplay" value="#auditDoc.StatementNotesDisplay}" style="width:100px">
</xp:text>
</td>

在Lotus Notes Xpage中解析值

2 个答案: