In several apps I work on, we use angular material to display data in a table. Sometimes, long text causes the height of the table cells to increase, resulting in an unaesthetic UI. Using CSS, we can set the max width of the table cells, hide overflow and show ellipsis…