Javascript 如何使材质表行不显示大于其宽度的文本?

Javascript 如何使材质表行不显示大于其宽度的文本?,javascript,angular,typescript,Javascript,Angular,Typescript,首先,我用js测量了列的大小,然后为每个字符设置了一个特定的宽度。 现在,它工作正常了,我的意思是当页面加载时,每一行的文本大小都大于行宽,将显示一部分文本+“…”。 但我想在弹出窗口中显示它的全文,但它不起作用 我很快就需要帮助。 你知道我如何解决这个问题吗???你在找这个吗?您可以将该类应用于Mat表 试试这个CSS: .text{ 最大宽度:100px; 空白:nowrap; 溢出:隐藏; 文本溢出:省略号; } .文本:悬停{ 溢出:可见; } 这是溢出的文本 您可以使用css来实现

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

我很快就需要帮助。
你知道我如何解决这个问题吗???

你在找这个吗?您可以将该类应用于Mat表

试试这个CSS:

.text{
最大宽度:100px;
空白:nowrap;
溢出:隐藏;
文本溢出:省略号;
}
.文本:悬停{
溢出:可见;
}

这是溢出的文本
您可以使用css来实现这一点。 检查下面的代码

。溢出省略号{
空白:nowrap;
最大宽度:50px;
溢出:隐藏;
文本溢出:省略号;
边框:1px实心#000000;
}
普通文本
你好,世界!
使用css

你好,世界发布pleaseYeah我知道,但它不适用于材料表。我的意思是,事实上,它使材料表nowrap,然后它将不会有响应。@Aurthur尝试使用
max width
,它可能会有帮助。不,它也不起作用。我以前试过。@Aurthur如果可能,请提供stackblitz解决问题!