'Angular mat-table unable to make the cell text ellipsis

Hi i am using angualr material table to for my grid , mat-table internally expands the cell height to adjust the long text , but i want to keep height consistent and show ellipsis instead .

ang suggestion



Solution 1:[1]

These are the style rules you need (an example):

.text-list .ellipsis {
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 200px;
}

Click to see a working demo.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1