Angular data grid

https://qgrid.github.io

https://qgrid.github.io/ng2

yarn install ng2-qgrid

import { GridModule } from 'ng2-qgrid';
import { ThemeModule } from '@qgrid/ngx-theme-material';

@NgModule({
   imports: [
      GridModule,
      ThemeModule
   ]
})
export class AppModule {
}

Note that now q-grid supports 2 themes out of box @angular/material and basic, the second one doesn't require @angular/material to be installed.

@Component({
   selector: 'my-component',
   template: `
      <q-grid [rows]="rows$ | async">
            <q-grid-columns generation="deep">
            </q-grid-columns>
      </q-grid>
      `
})
export class MyComponent {
   rows$ = this.dataService.getRows();
}

Note that q-grid rows should be an array of objects, any other types like array of numbers or strings will throw an error.

• @angular/common
• @angular/core
• @angular/forms

If material theme is used, it's also required to install angular material

• @angular/cdk
• @angular/material

git clone https://github.com/qgrid/ng2.git
yarn install
yarn run start

git clone https://github.com/qgrid/ng2.git
yarn install
yarn build:manual

git clone https://github.com/qgrid/ng2.git
yarn install
yarn run:manual

• Chrome latest is supported.
• FireFox latest is supported.
• Safari latest is supported.
• Edge latest is supported.

Code licensed under MIT license.