not responsive about md-data-table

[daniel-nagy]

What exactly do you mean by not responsive? Is there something specific you see in the demo that you cannot replicate in your project?

[razzbee]

The table doesnt resize in mobile view,the demo works fine, I dont know about mine.

[daniel-nagy]

hmm... The table is going to have a natural width based on the largest cell in each column. The table will not shrink beyond this natural width and will scroll horizontally on smaller screens.

If this doesn't describe what your'e experiencing, it may be a problem with the general layout of your application. If your not familiar with how flexbox works it can be tricky to achieve your desired layout.

[razzbee]

Thank You very much , since I am pretty new to angular and material angular ,I guess that might be the problem. I will check my layout again and give you feedback

[razzbee]

I think the the problem is not from my layout but from the module. This is how the error can be reproduced. If you wrap your app in a div with layout row or body with layout = 'row' which is needed by md-sidenav then md-data-table's becomes static

[razzbee]

I have been able to fix it by adding conditional layouts :

.....

I lock the sidenav at layout-gt-md , so I have to set it to row to align the sidenav and the main content side by side , else the default layout should be column.
Thank You so much.