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

Question

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

Answer 1

好吧，只要您提供的示例链接中的DOM结构相同，只需将CSS添加到某处即可。

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