当数据超过 ngx-datatable 中的列宽时显示省略号(...)

Show ellipsis(...) when data exceeds the column width in ngx-datatable

我在 Angular (https://swimlane.github.io/ngx-datatable/) 中使用 ngx-datatable。目前,当数据超过列宽时,我的文本会被剪切。所以,我想显示省略号,而且,当用户将鼠标悬停在省略号或数据上时,它应该显示完整的详细信息。 任何帮助,将不胜感激。 trimmed text

好吧,只要它与您提供的示例 link 中的 DOM 结构相同,只需在某处添加此 CSS;

.datatable-body-cell-label {
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}