0.0.50 • Published 4 months ago

sheet-happens v0.0.50

Weekly downloads
45
License
MIT
Repository
github
Last release
4 months ago

sheet-happens

React Spreadsheet

NPM JavaScript Style Guide

Sheeeeeit

About

Canvas-based spreadsheet component for React. Super fast and responsive regardless of the dataset size because it draws only the data user currently sees.

sheet-happens

Install

npm install --save sheet-happens

Usage

To use our Sheet in your project, just import the component and its style and render it:

import React, { Component } from 'react'

import Sheet from 'sheet-happens'
import 'sheet-happens/dist/index.css'

class Example extends Component {
  render() {
    return <Sheet />
  }
}

Of course, you can also display some data in it:

const [data, setData] = useState([[1,2,3], [10,20,30]]);
    
const displayData = (x, y) => {
    return data?.[y]?.[x]?.toFixed?.(2);
};

return (
    <div className="sheet-box">
        <Sheet
            sourceData={data}
            displayData={displayData}
        />
    </div>
);

Go to our example page to learn more about features it has and checkout documentation for detailed list of props you can send to this component.

Along with descriptions, page also contains multiple Sheet components you can use to try out is it a good match for your needs. Edit some values, paste some data, drag columns and rows for resize, and so on.

License

MIT © Luka-M

0.0.50

4 months ago

0.0.49

5 months ago

0.0.48

8 months ago

0.0.46

8 months ago

0.0.47

8 months ago

0.0.45

9 months ago

0.0.44

9 months ago

0.0.43

10 months ago

0.0.42

10 months ago

0.0.41

10 months ago

0.0.40

11 months ago

0.0.38

12 months ago

0.0.39

12 months ago

0.0.37

1 year ago

0.0.36

1 year ago

0.0.32

2 years ago

0.0.33

1 year ago

0.0.34

1 year ago

0.0.35

1 year ago

0.0.21

2 years ago

0.0.22

2 years ago

0.0.23

2 years ago

0.0.24

2 years ago

0.0.25

2 years ago

0.0.30

2 years ago

0.0.31

2 years ago

0.0.26

2 years ago

0.0.27

2 years ago

0.0.28

2 years ago

0.0.29

2 years ago

0.0.20

2 years ago

0.0.14

2 years ago

0.0.15

2 years ago

0.0.16

2 years ago

0.0.17

2 years ago

0.0.18

2 years ago

0.0.19

2 years ago

0.0.13

2 years ago

0.0.11

3 years ago

0.0.12

3 years ago

0.0.10

3 years ago

0.0.9

3 years ago

0.0.8

3 years ago

0.0.3

4 years ago

0.0.2

4 years ago

0.0.5

4 years ago

0.0.4

4 years ago

0.0.7

4 years ago

0.0.6

4 years ago

0.0.1

4 years ago