Skip to content

Commit c08023d

Browse files
committed
update readme
1 parent 1fd2d75 commit c08023d

File tree

1 file changed

+49
-1
lines changed

1 file changed

+49
-1
lines changed

README.md

Lines changed: 49 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -88,10 +88,58 @@ With Yarn:
8888
yarn 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

97145
If 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

Comments
 (0)