当数据超过 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;
}
我在 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;
}