Question

首先，我用js测量了列的大小，然后为每个字符设置了特定的宽度。现在，它可以正常工作，我的意思是在页面加载时，其文本大小大于行宽的每一行将显示一部分文本+'...'。但是我想在弹出窗口中显示其全文，但这不起作用。

我需要这么快的帮助。你知道我该怎么解决吗？

Answer 1

您可以使用CSS。检查以下代码。

.overflow-ellipsis {
  white-space: nowrap; 
  max-width: 50px; 
  overflow: hidden;
  text-overflow: ellipsis; 
  border: 1px solid #000000;
}

<h4>Normal text</h4>
<div>Hello world!</div>
<h4>With css</h4>
<div class="overflow-ellipsis">Hello world!</div>

Answer 2

您在寻找这个吗？您可以将此类应用于您的Mat-Table。

尝试以下CSS：

  menu: {
    backgroundColor: 'rgb(73,75,77)',
    zIndex: 1005,
    top: 0, // change this
    left: 0,
    right: 0,
    maxHeight: 300,
  },

.text {
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text:hover {
  overflow: visible;
}