Forums Ignite UI for Angular
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Michael Seidel
8920
standalone grid sample
posted

In the documentation there is a reference how to build standalone grid:

// home.component.ts

import { IGX_GRID_DIRECTIVES } from 'igniteui-angular';
// import { IGX_GRID_DIRECTIVES } from '@infragistics/igniteui-angular'; for licensed package

@Component({
selector: 'app-home',
template: '<igx-grid [data]="localData" [autoGenerate]="true"></igx-grid>',
styleUrls: ['home.component.scss'],
standalone: true,
imports: [IGX_GRID_DIRECTIVES]
/* or imports: [IgxGridComponent] */
})
export class HomeComponent {
public data: Product [];
}

But I wasn't being able to find stackblitz project with example that can be run specifically as standalone module. neither I can find references to the files used in the sample .. Can you provide me with either sample project of igx-grid  as standalone component or reference where I can find it.

Thanks. 

Parents
No Data
Reply
  • 740
    Offline posted

    Hello Michael,

    Thank you for posting in our community!

    I have been looking into your question and the easiest way to generate a standalone component that uses IgxGrid is by using our Ignite UI CLI.

    I believe that you will find the following topic quite helpful on the matter:

    Getting Started with Ignite UI CLI

    Step-by-Step Guide using Ignite UI CLI

    Component Templates

    Additionally, attached could be found a small sample demonstrating a standalone IgxGrid with a few features enabled. The attached sample is generated with the help of the Ignite UI CLI and by following the step-by-step guide.

    Please check out the provided resources and sample and let me know if you need any further information on the matter.

    Sincerely,
    Riva Ivanova
    Associate Software Developer

    3678.standalone-grid.zip

Children