As I can see you put the css code into the index.html file. This works as expected.But with Angular a recommended way would be to load the css within the component that needs the styles.

So I created a file called "appCSSGrid.css" in the app- directory and added

,

styleUrls:["app/appCSSBernd.css"]

to the "@Component" decorator of AppComponent.

That doees not seem to work. The CSS is not used.If I change the ViewEncapsulation from standard to none using

encapsulation:ViewEncapsulation.None

in the component decorator, the CSS is used for the grid. This is something near what I need.But what to do if I can not use ViewEncapsulation.none? Is there a way to give custom style to a special Grid. For example if I need to use two grids with different styles in one component?