<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/next.yml" title="Next Release Status">
            <img src="https://github.com/visualjs/grid/actions/workflows/next.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/@visualjs/grid" title="version">
            <img src="https://img.shields.io/npm/v/@visualjs/grid/latest.svg?style=flat" />
        </a>
        <a href="https://www.npmjs.com/package/@visualjs/grid" title="version">
            <img src="https://img.shields.io/npm/v/@visualjs/grid/next.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 @visualjs/grid
```

or using yarn

```
yarn add @visualjs/grid
```

If you want to use the latest beta version, please specify the `next` tag when installing.

```
npm i @visualjs/grid@next
```

or using yarn

```
yarn add @visualjs/grid@next
```

## Documents

For quick usage, please see [here](https://visualjs.github.io/docs/docs/getting-started/qucik-start), for full documentation, please see [https://visualjs.github.io](https://visualjs.github.io).

## Changelog

[Here](./CHANGELOG.md) is the changelog.

## License

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