Data grid headings displace when browser width is adjusted

Question

I have an Angular application that has a particular page with a number of rows of data that are generated by *ngFor, these rows look like a table in the sense that each row