# ag-grid-plus

> An ag-grid based package providing extra features built on top of ag-grid community edition to unlock some paid enterprise features

Latest version **0.0.4** (published 2023-12-31) · 0 weekly downloads

## Install

```sh
npm install ag-grid-plus
pnpm add ag-grid-plus
yarn add ag-grid-plus
bun add ag-grid-plus
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.4 |
| Published | 2023-12-31 |
| First published | 2023-12-30 |
| Weekly downloads | 0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 77.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | lucky-js |
| Keywords | ag, ag-grid, datagrid, data-grid, datatable, data-table, grid, table, table, angular, angular-component |

## Links

- npm: https://www.npmjs.com/package/ag-grid-plus
- npm.io page: https://npm.io/package/ag-grid-plus

## Dependencies (1)

- [tslib](https://npm.io/package/tslib.md) ^2.3.0

## Alternatives

- [@lexical/table](https://npm.io/package/@lexical/table.md) — 3.0M weekly downloads
- [mantine-datatable](https://npm.io/package/mantine-datatable.md) — 98.2K weekly downloads
- [react-native-collapsible-tab-view](https://npm.io/package/react-native-collapsible-tab-view.md) — 70.6K weekly downloads
- [@handsontable/vue3](https://npm.io/package/@handsontable/vue3.md) — 16.1K weekly downloads
- [vuewordcloud](https://npm.io/package/vuewordcloud.md) — 7.2K weekly downloads

## Recent versions

- 0.0.4 (latest) — 2023-12-31
- 0.0.3 — 2023-12-31
- 0.0.2 — 2023-12-30
- 0.0.1 — 2023-12-30

## README

# AgGridPlus
An ag-grid based package providing extra features built on top of ag-grid community edition to unlock some paid enterprise features

# Unlocked features
1. Dynamic row height with lazy loading data from backend
(More features upcoming)


## Getting started
### Installation
```sh
$ npm install --save ag-grid-plus ag-grid-community ag-grid-angular
```

### Add a placeholder to HTML

```html
  <ag-grid-plus
    [deltaRows]="deltaRowData"
    [columnDefs]="columnDefs"
    [class]="'ag-theme-quartz'"
    (getRows)="getRowsAsync($event)"
    (sortChanged)="onSortChanged($event)"
    (onGridReady)="onGridReady($event)"
  >
  </ag-grid-plus>
```

### Import the grid component and styles in global styles file

```js
import { AgGridPlusComponent } from 'ag-grid-plus';

import 'ag-grid-community/styles//ag-grid.css';
import 'ag-grid-community/styles//ag-theme-quartz.css';
```

### Input parameters of AGGridPlusComponent

| Input parameter     | Info                |
| ------------------- | ----------------    |
|  colDef             | https://www.ag-grid.com/angular-data-grid/column-definitions/   |
|  rowHeight          | Default row height in pixels. |
|  deltaRows          | Paginated data to append in the ag-grid  |
|  rowBuffer          | The number of rows rendered outside the viewable area the grid renders. Having a buffer means the grid will have rows ready to show as the user slowly scrolls vertically. (Default: 10)  |
|  limit              | Pagination size (Default: 100 ) |
|  hasReachedEndOfData| Boolean input to inform the component to not request for further data as we have reached the end  |
|  clazz              | Ag grid theme to be used  |


### Output parameters of AGGridPlusComponent


| @Output parameter           | Info |
| --------------------|------------------|
|  getRows            | Emits when user scrolls to the bottom and hence grid requests for more data  |
|  sortChanged        | Emits when user clicks on any sortable header. Returns SortModelItem object  |
|  onGridReady        | Emits when grid becomes ready. Returns GridApi object  |


## Asking Questions

Feel free to ask any questions using Github [Issues] (https://github.com/LakhveerChahal/ag-grid-plus-workspace/issues)

## Github Repository

https://github.com/LakhveerChahal/ag-grid-plus-workspace/issues

---
_Source: https://npm.io/package/ag-grid-plus · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._