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

Question

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

Answer 1

好吧，只要它与您提供的示例链接中的 DOM 结构相同，只需在某处添加此 CSS；

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