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.
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.