# @rozzy/vue-datagrid

> Data grid component for Vue 3

Latest version **0.1.21** (published 2023-04-26) · MIT license · 0 weekly downloads

## Install

```sh
npm install @rozzy/vue-datagrid
pnpm add @rozzy/vue-datagrid
yarn add @rozzy/vue-datagrid
bun add @rozzy/vue-datagrid
```

## 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.1.21 |
| Published | 2023-04-26 |
| First published | 2023-04-24 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Unpacked size | 213.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Mihály Rozovits |
| Maintainers | rozzy |
| Keywords | datagrid, data, grid, vue3, vue, typescript |

## Links

- npm: https://www.npmjs.com/package/@rozzy/vue-datagrid
- Repository: https://github.com/rOzzy1987/vue-datagrid
- Homepage: https://github.com/rOzzy1987/vue-datagrid#readme
- Issues: https://github.com/rOzzy1987/vue-datagrid/issues
- npm.io page: https://npm.io/package/@rozzy/vue-datagrid

## Dependencies (2)

- [vue](https://npm.io/package/vue.md) ^3.2.47
- [@fortawesome/fontawesome-free](https://npm.io/package/@fortawesome/fontawesome-free.md) ^6.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.1.21 (latest) — 2023-04-26
- 0.1.20 — 2023-04-26
- 0.1.19 — 2023-04-25
- 0.1.18 — 2023-04-24
- 0.1.17 — 2023-04-24

## README

# VUE3 Data Grid
This project is an attempt to have a lightweight data grid component that is easy to configure to your application's needs

![image](https://user-images.githubusercontent.com/617600/233993154-0aee5392-77b4-437a-8405-371536653df6.png)

I'd be happy to get feature requests, improvement ideas, but please keep in mind that this is a weekend project of mine. If you're a developer and can work your way through the code, fix what you want, and create a pull request.

## Live Demo
Check out he main features at [the demo site](https://vue-datagrid-examples.netlify.app)

## Usage 
### General
Add the package to yout app and include the source files you need, like

    import { GridColumnDefinition } from  '@rozzy/vue-datagrid/src/GridColumnDefinition';
	import { GridRowCommandDefinition, type  IGridRowCommandDefinition } from  '@rozzy/vue-datagrid/src/GridCommandDefinition';

### Dependencies
The project is mainly using Bulma as the CSS library, but you can define which CSS classes are applied to each type of element. For this, you'll have to pass a `GridStyleDefinition` object when defining the grid

The example code is using SCSS styles, so you'll need _sass_ to compile them

Obviously Vue3 is needed as the name suggests

## Examples
There are a lot of examples under the `examples` directory.
To check them out you need to run

```sh
npm install
```
then 

```sh
npm run dev
```

---
_Source: https://npm.io/package/@rozzy/vue-datagrid · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._