widthmaterial-designlimitexceed

Material Design - Page content exceeding screen width


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 :)

Question Example


Solution

  • 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