Search code examples
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