javascript - 缩小表格 td 中的文本，使其适合大小。逐渐在调整大小列上显示文本

Question

我正在开发一个 Asp.Net MVC 4 视图，现在我必须创建一个客户报告。'TD´s' 中的数据有时大于表格列的大小。

我想在单词末尾添加“...”，以便用户能够知道该 TR 中有更多信息。

如果用户想查看全文，它会像我们在 Microsoft excel 中那样调整列的大小，文本会逐渐出现。

这可以用javascript实现吗？

Answer 1

计算字段中的字符，如果大于 X，则显示与 '...' 连接的子字符串 0 到 X-3

像这样的东西：

var len = 10;
var field = document.getElementById("XXX");

if (field.innerText.length > len) {
  field.innerText = field.innerText.substring(0, len-3) + '...';
}

Answer 2

根据您希望对其进行自定义的程度，您可能需要使用dotdotdot插件。它为截断文本等提供了一些非常简洁的附加功能和自定义功能。