# @ignamv/react-table-plugins

> Plugins for common tasks with react-table

Latest version **0.0.1** (published 2022-04-10) · ISC license · 0 weekly downloads

## Install

```sh
npm install @ignamv/react-table-plugins
pnpm add @ignamv/react-table-plugins
yarn add @ignamv/react-table-plugins
bun add @ignamv/react-table-plugins
```

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.1 |
| Published | 2022-04-10 |
| First published | 2022-04-10 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 214.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Ignacio Martinez Vazquez |
| Maintainers | ignamv |
| Keywords | react, table, react-table, plugin |

## Links

- npm: https://www.npmjs.com/package/@ignamv/react-table-plugins
- Repository: https://github.com/ignamv/react-table-plugins
- Homepage: https://github.com/ignamv/react-table-plugins#readme
- Issues: https://github.com/ignamv/react-table-plugins/issues
- npm.io page: https://npm.io/package/@ignamv/react-table-plugins

## Dependencies (1)

- [prop-types](https://npm.io/package/prop-types.md) ^15.8.1

## 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.1 (latest) — 2022-04-10

## README

# react-table-plugins

This package provides plugins and components for use with [react-table](https://react-table.tanstack.com/).
You can see them in action [here](https://ignamv.github.io/react-table-plugins)

## Plugins

### useSelectSingleRow

Allows the user to click on a row to select it,
and move the selection with the arrow keys/PageUp/PageDown/Home/End.
Ensures the selection stays visible when going over page boundaries,
sorting or filtering.
The selected row can be retrieved from `tableInstance.state.selectedRowIndex`
and set with `tableInstance.setSelectedRowIndex`.

### useWheelPaging

Allows the user to go the the next/previous page using the mouse wheel over the table.

### useFillerRows

Provides the attribute `tableInstance.fillerRows` with value
`[0, 1, ..., pageSize-page.length]`.
This can be mapped over to generate dummy rows and ensure the table height remains constant,
even if the last page is half-full.

## Components

### SelectColumnFilter

For use with the `useFilter` plugin.
Renders a `<Select>` with all values in the column,
similar to the `SelectColumnFilter` component in the `useFilter` example.
However, the values are sorted, it can be styled when active, 
and calls `setFilter` with the original value (not converting to string).

---
_Source: https://npm.io/package/@ignamv/react-table-plugins · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._