There are some issues with using Grid in Angular following the official guide

[LC]

Hello!
I am a developer and recently, I have a need to use Grid components. Your components are very easy to use and beautiful. It feels good.
However, there are some problems when using it.
The questions are as follows:
first, I created a empty Angular project, and then I followed the steps on the site: NPM I Smart-WebComponent-Angular to deploy the web components, and then according to the guidance in your company website:
https://www.htmlelements.com/angular/demos/grid/grid-chart-dynamic-data/
The contents of  All of the four files(APP.COMPONENT.TS, APP.COMPONENT.HTML, APP.COMPONENT.CSS, APP.MODULE.TS) are copied to the corresponding files in the project.
Fortunately, the compilation works without a problem, but when open the browser to view the interface, it keeps showing the words “No Rows     Loading”.
Do you know the reason and what should I do to solve it?
Thank you very much for your selfless help.

[admin]

Hello LC,
The following step from the https://www.htmlelements.com/docs/grid/#angular guide is very important and should solve your issue:
3. Adding CSS reference
The following CSS file is available in ../node_modules/smart-webcomponents-angular/ package folder. This can be referenced in [src/styles.css] using following code.
@import 'smart-webcomponents-angular/source/styles/smart.default.css';
Another way to achieve the same is to edit the angular.json file and in the styles add the style.

"styles": [
	"node_modules/smart-webcomponents-angular/source/styles/smart.default.css"
]

Best regards,
Dimitar
Smart HTML Elements Team
https://www.htmlelements.com

[Author]

Posts