Horizontal scroll bar in Chrome

[csotomon]

Hi, I have a

table with a lot of columns.

In Internet explorer the module render the scroll bar perfectly, but in chrome dont's works, and my side bar disappears. How can I solve this?

Internet Explorer

Chorme

[dbo35]

easy fix is adding style="overflow-y : scroll"

edit : overflow-x:scroll; and give it a fixed width

[csotomon]

I inserted the style in the next tags and doesn't works.

md-card md-table-container table

[dbo35]

I'll check my code and give more detail

[csotomon]

Hi, do you have some news about this problem?

[dbo35]

trying to find the source of this issue...

in the meantime give different breakpoints fixed widths on the md-table-container and set overflow-x:scroll.

something in the table header is causing the entire container to expand indefinitely to fit all columns and is pushing the sidenav / everything else off of the screen instead of keeping to its flexbox.

<md-table-container style="max-width:700px; overflow-x:scroll;"> <table md-table>

[leocaseiro]

It's working fine for me on Chrome OSX. Make sure you add <md-content flex layout="column">. Perhaps you'll need to add a layout-fill in it's wrapper:

<main layout-fill>
    <md-content layout="column" flex>
        <md-table-container>
            <table md-table>
                ...
            </table>
        </md-table-container>
    </md-content>
</main>