layout fill on the table

[daniel-nagy]

layout fill on the table

[WDShannon]

Also, you have a typo on line 25 of that codepen that stops the table from rendering correctly.

<md-content laout="column" flex ng-controller="nutritionController"> <md-card>

You forgot the 'y' in layout.

[daniel-nagy]

Yes flexbox will work. It's just a matter of having your layout correct to allow the container to grow and shrink.

Maybe when I fix the codepen I'll demonstrate how you can make it work with flexbox.

[WDShannon]

This pen here demo's the issue I am having. Probably more to do with my layout, but I'm still learning the flexbox. What can I do to get this working correctly? It seems to work right in chrome but in IE i get the second scroll bar.

CODEPEN

[oglematt]

I'm having a similar issue that is well illustrated in the codepen from @WDShannon. It's possible it's related to my layout, but your md-data-table object works perfectly the fixed header. I should also note that interacting with the table (selecting rows) rows seems to "fix" any height / alignment issues.

[jraadt]

I had a situation where I couldn't give a fixed height either. I reworked fixed-table-header to use Angular Material's $mdSticky service, taking cues from md-subheader. It seems to work great now when it's inside an md-content tag or a flex container. See pull request #15.