I'm having table content exceeding the screen width and I don't know how to fix it.
Tried to get <class="md-layout__content"> or <class="page-content"> maxwidth set to 100% of the current screen size but couldn't.
Also for left-padding the page content how should I proceed? I thought that I could add <style="padding-left: %10"> or margin maybe?
Any help is appreciated! Thanks :)
Please removed following property from your style sheet for Table. then this will solved your problem.
white-space: nowrap;
removed this property from .mdl-data-table class