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

Question

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

标签： angularngx-datatable

Answer 1

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

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