bug(COMPONENT): Paged Material Data Table Does Not Expand In Production

[fireflysemantics]

Reproduction

I've documented it here. Note that I changed the default configured number of forecast periods to 10. This way the App does not look "As broken" because as long as the periods span the table the bug is not there. If the forecast periods are changed to 5 in the configuration tab, then the bug appears.

https://stackoverflow.com/questions/62584549/material-data-table-wraps-rows-but-only-in-production

It is something that happens only after the app is deployed. The table expands fine locally. So it seems that is has something to do with the way Angular is loading CSS during production.

Use StackBlitz to reproduce your issue: https://stackblitz.com/fork/components-issue

I can't because it works fine with local builds.

Expected Behavior

What behavior were you expecting to see?

The table should expand to fit all rows underneath their corresponding column.

Actual Behavior

What behavior did you actually see?
The rows wrap to fill up the remaining space in the right side of thetable.

Environment

    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/
    

Angular CLI: 9.1.7
Node: 12.6.0
OS: linux x64

Angular: 9.1.9
... animations, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router
Ivy Workspace: Yes

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.901.7
@angular-devkit/build-angular     0.901.7
@angular-devkit/build-optimizer   0.901.7
@angular-devkit/build-webpack     0.901.7
@angular-devkit/core              9.1.7
@angular-devkit/schematics        9.1.7
@angular/cdk                      9.2.4
@angular/cli                      9.1.7
@angular/material                 9.2.4
@ngtools/webpack                  9.1.7
@schematics/angular               9.1.7
@schematics/update                0.901.7
rxjs                              6.5.5
typescript                        3.8.3
webpack                           4.42.0

• Angular:
• CDK/Material:
• Browser(s):
• Operating System (e.g. Windows, macOS, Ubuntu):

[andrewseguin]

Unfortunately we won't be able to do much to help if we cannot reproduce the error. Is there an instance you can show to us that demonstrates the issue? Is there a repro you can provide that will show the error with ng serve --prod?