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

Question

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

我想在单词的末尾加上“...”，以便用户能够知道该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插件。它有一些非常简洁的附加功能和用于截断文本等的自定义。