ngx-datatable responsive issue

Question

Background

So this is what we are trying to achieve - responisve behaviour such that the columns get disappeared on certain breakpoints and appear as a row details.

Since there is no such dynamic action from ngx-datatable we are following responsive documentation from their official doc.

Problem

Following the above mentioned doc, we are defining breakpoints in css and the column disappears but that still takes certain width and has sorting icons.

reference image

What is expected

I expect the columns completly disappears on certain breakpoint and other columns take available space.

I tried setting the entire column to display none but that does not work since the rows and columns are defined in component. I expect the columns completly disappears on certain breakpoint and other columns take available space.