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

时间:2019-07-17 20:49:59

标签: angular ngx-datatable

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

1 个答案:

答案 0 :(得分:0)

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

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