Ag grid is not showing as intended

Question

component.html-->

component.html screenshot

component.ts--> ts screenshot

component.css-->

@import 'ag-grid-community/styles/ag-grid.css'; /* Quartz Theme Specific CSS */ @import 'ag-grid-community/styles/ag-theme-quartz.css';

image screenshot

I was expecting a tabular form of data representation but all I got was this....Any suggestions..?