<p align="center">
    <h1 align="center">visual-grid</h1>
    <p align="center">JavaScript Data Grid</p>
    <p align="center">
        <a href="https://github.com/visualjs/grid/actions/workflows/test.yml" title="Test Status">
            <img src="https://github.com/visualjs/grid/actions/workflows/test.yml/badge.svg">
        </a>
        <a href="https://github.com/visualjs/grid/actions/workflows/publish.yml" title="Release Status">
            <img src="https://github.com/visualjs/grid/actions/workflows/publish.yml/badge.svg">
        </a>
        <a href="https://www.npmjs.com/package/visual-grid" title="version">
            <img src="https://img.shields.io/npm/v/visual-grid.svg?style=flat">
        </a>
        <a href="https://github.com/visualjs/grid/issues" title="issues">
            <img src="https://img.shields.io/github/issues/visualjs/grid">
        </a>
        <!-- <a href="https://github.com/visualjs/grid" title="stars">
            <img src="https://img.shields.io/github/stars/visualjs/grid">
        </a>
        <a href="https://github.com/visualjs/grid" title="forks">
            <img src="https://img.shields.io/github/forks/visualjs/grid">
        </a> -->
        <a href="./LICENSE" title="license">
            <img src="https://img.shields.io/github/license/visualjs/grid">
        </a>
    </p>
</p>

<p align="center">
    <img src="./screenshot.png" />
</p>

## Install

```
npm i visual-grid
```

or using yarn

```
yarn add visual-grid
```

## Qucik Usage

Please see

- [example/full-example](./example/full-example.ts)
- [example/interactive-example](./example/interactive-example.ts)

## Available icons

- vg-skin
- vg-cheveron-down
- vg-cheveron-left
- vg-cheveron-right
- vg-cheveron-up
- vg-menu
- vg-grid
- vg-copy
- vg-paste
- vg-pin
- vg-download
- vg-upload
- vg-undo
- vg-redo
- vg-spinner
- vg-enlarge
- vg-shrink
- vg-enlarge-simplicit
- vg-shrink-simplicit
- vg-trash-bin
- vg-star-empty
- vg-star-half
- vg-star-full
- vg-checkmark
- vg-checkbox-checked
- vg-checkbox-unchecked
- vg-radio-checked
- vg-radio-unchecked
- vg-filter
- vg-formula
- vg-paragraph
- vg-file-excel

## License

This library is under the [BSD-2](./LICENSE) license.
