ag-grid's last column getting out from the table with mat-tab-group

Question

As you can see i don't know how or why the last column from my ag-grid stays out while I use mat-tab-group,

I tried many things but nothing has worked. Any ideas are welcome :)

Answer 1

Okay I tried something and it worked. On init I only load the data from the first table and I refresh the data while I click on each tab. So now the ag grid's columns are okay.

On ngOnInit(): enter image description here

And refreshing data while clicking in tabs: enter image description here enter image description here