NgxDeebodata Documentation
Angular data grid with virtual scroll or pagination options, integrated charts, row grouping, column resizing & re-ordering,
column hiding, cell editing, tab accessibility, sorting with priority, and advanced filtering.
Usage for Developers
Install the data grid from npm, which uses only core @angular packages and RxJS as dependencies.
npm i ngx-deebodata
In the .ts component you want to use the data grid in
import { NgxDeebodata } from 'ngx-deebodata';
@Component({
selector: 'app-your-component',
imports: [ NgxDeebodata ],
templateUrl: './your-component.html',
styleUrl: './your-component.css'
})
In the template of the component
<ngx-deebodata
[editable]="true"
[rowNumbers]="true"
[data]="signalArrayOfObjects()"
[color1]="'navy'"
[color2]="'lightblue'"
[primaryKey]="'employee_id'"
[defRowHgt]="'50px'"
[defGridHgt]="500"
[licenseKey]="licenseKey"
[pieGraphColors]="['red', 'blue', 'lightgray', 'orange', 'green']"
[removePieCovers]="false"
[altRowColor]="'#ececec'"
[myColumnStyles]="[]"
[myColumnValueColors]="[]"
[forceGrouping]="['column_needs_grouping']"
></ngx-deebodata>
