@@ -88,10 +88,58 @@ With Yarn:
8888yarn add @revolist/angular-datagrid;
8989```
9090
91- ``` vue
91+ ``` ts
92+ // app.module.ts
93+
94+ import { BrowserModule } from " @angular/platform-browser" ;
95+ import { NgModule } from " @angular/core" ;
96+
97+ import { AppComponent } from " ./app.component" ;
98+ // import loader
99+ import {defineCustomElements } from ' @revolist/revogrid/loader' ;
100+ // import grid
101+ import {RevoGrid } from ' @revolist/angular-datagrid' ;
102+
103+ // register grid element
104+ defineCustomElements ();
105+
106+ @NgModule ({
107+ // define component
108+ declarations: [AppComponent , RevoGrid ],
109+ imports: [BrowserModule ],
110+ providers: [],
111+ bootstrap: [AppComponent ]
112+ })
113+ export class AppModule {}
114+ ```
92115
116+ ``` ts
117+ // app.component.ts
118+
119+ import { Component } from " @angular/core" ;
120+
121+ @Component ({
122+ selector: " app-root" ,
123+ templateUrl: " ./app.component.html" ,
124+ styleUrls: [" ./app.component.css" ]
125+ })
126+ export class AppComponent {
127+ columns = [
128+ { name: " Greeting" , prop: " name" },
129+ { prop: " details" }
130+ ];
131+ rows = [{ name: " I am" , details: " Angular" }, { name: " Hello" , details: " Angular" }];
132+ }
93133```
94134
135+ ``` html
136+ <!-- app.component.html -->
137+ <revo-grid [source] =" rows" [columns] =" columns" theme =" material" ></revo-grid >
138+
139+ ```
140+ Check [ Sandbox] ( https://codesandbox.io/s/angular-datagrid-overview-d5i0b?fontsize=14&hidenavigation=1&theme=dark ) for real live sample.
141+
142+
95143## Contributing
96144
97145If you have any idea, feel free to open an issue to discuss a new feature and submit your changes back to me.
0 commit comments