Skip to content

Commit cce7f1f

Browse files
committed
docs: improve getting started guide
1 parent e69f68d commit cce7f1f

1 file changed

Lines changed: 8 additions & 8 deletions

File tree

frameworks/angular-slickgrid/docs/getting-started/quick-start.md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -49,8 +49,8 @@ Angular-Slickgrid default CSS compiled (if you use the plain Bootstrap Theme CSS
4949
```json
5050
"styles": [
5151
"node_modules/bootstrap/dist/css/bootstrap.css",
52-
"styles.css",
53-
"node_modules/@slickgrid-universal/common/dist/styles/css/slickgrid-theme-bootstrap.css"
52+
"node_modules/@slickgrid-universal/common/dist/styles/css/slickgrid-theme-bootstrap.css",
53+
"styles.css"
5454
]
5555
```
5656

@@ -110,7 +110,7 @@ bootstrapApplication(AppComponent, {
110110
Below are 2 different setups (with App Module (legacy) or Standalone) which in both cases require the `AngularSlickgridModule.forRoot()`, so make sure to include it.
111111

112112
#### App Module (legacy)
113-
##### This only works with version 9.0 and below, any newer version (v10.0 and above) is now purely Standalone
113+
##### This only works with version 9.x and below, any newer version (v10.0 and above) is now purely Standalone
114114
Include `AngularSlickgridModule` in your App Module (`app.module.ts`)
115115

116116
> **Note:** Make sure to add the `forRoot` since it will throw an error in the console when missing.
@@ -126,7 +126,7 @@ import { AngularSlickgridModule } from 'angular-slickgrid';
126126
export class AppModule { }
127127
```
128128

129-
#### Standalone (App Config)
129+
##### Standalone (App Config)
130130
> #### see this Stack Overflow [answer](https://stackoverflow.com/a/78527155/1212166) for more details and Stackblitz demo
131131
132132
If your app is using standalone style, go to `app.config.ts`
@@ -206,6 +206,7 @@ export class GridBasicComponent {
206206

207207
constructor() {
208208
this.prepareGrid();
209+
this.getData();
209210
}
210211

211212
prepareGrid() {
@@ -221,17 +222,16 @@ export class GridBasicComponent {
221222
enableAutoResize: true,
222223
enableSorting: true
223224
};
225+
}
224226

227+
// fetch your data...
228+
getData() {
225229
// fill the dataset with your data (or read it from the DB)
226230
this.dataset = [
227231
{ id: 0, title: 'Task 1', duration: 45, percentComplete: 5, start: '2001-01-01', finish: '2001-01-31' },
228232
{ id: 1, title: 'Task 2', duration: 33, percentComplete: 34, start: '2001-01-11', finish: '2001-02-04' },
229233
];
230234
}
231-
232-
getData() {
233-
// fetch your data...
234-
}
235235
}
236236
```
237237

0 commit comments

Comments
 (0)