JavaScript UI Libraries & Blazor Components Suite – Smart UI Forums Data Grid There are some issues with using Grid in Angular following the official guide

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #101125
    LC
    Member

    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.

    #101126
    admin
    Keymaster

    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

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.