# sm-handsontable

> Spreadsheet-like data grid editor that provides copy/paste functionality compatible with Excel/Google Docs

Latest version **1.2.14** (published 2016-11-25) · MIT license · 0 weekly downloads

## Install

```sh
npm install sm-handsontable
pnpm add sm-handsontable
yarn add sm-handsontable
bun add sm-handsontable
```

## Health

**Score 35/100 (D)** — status: abandoned.

Positive: no vulnerabilities; high maintenance score; popular repo.

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

Negative: abandoned.

## Facts

| | |
|---|---|
| Version | 1.2.14 |
| Published | 2016-11-25 |
| First published | 2016-08-17 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 22043 |
| Author | Handsoncode |
| Maintainers | edisonator, ginhing, pychen, zhouxiaoping |
| Keywords | data, grid, table, editor, grid-editor, data-grid, data-table, spreadsheet, excel, tabular-data, edit-cell, editable-table, data-spreadsheet |

## Links

- npm: https://www.npmjs.com/package/sm-handsontable
- Repository: https://github.com/handsontable/handsontable
- Homepage: http://handsontable.com/
- Issues: https://github.com/handsontable/handsontable/issues
- npm.io page: https://npm.io/package/sm-handsontable

## Dependencies (3)

- [moment](https://npm.io/package/moment.md) ^2.9.0
- [pikaday](https://npm.io/package/pikaday.md) ^1.3.2
- [zeroclipboard](https://npm.io/package/zeroclipboard.md) ^2.2.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

- 1.2.14 (latest) — 2016-11-25
- 1.2.13 — 2016-11-23
- 1.2.12 — 2016-11-23
- 1.2.11 — 2016-11-23
- 1.2.10 — 2016-11-23
- 1.2.9 — 2016-11-17
- 1.2.8 — 2016-11-09
- 1.2.7 — 2016-11-09
- 1.2.6 — 2016-11-07
- 1.2.5 — 2016-11-04
- 1.2.4 — 2016-11-04
- 1.2.3 — 2016-11-02
- 1.2.2 — 2016-11-01
- 1.2.1 — 2016-10-17
- 1.2.0 — 2016-10-12
- … 20 more at https://npm.io/package/sm-handsontable/versions

## README

# Handsontable [![Build Status](https://travis-ci.org/handsontable/handsontable.png?branch=master)](https://travis-ci.org/handsontable/handsontable)

Handsontable is a data grid component with an Excel-like appearance. Built in JavaScript, it integrates with any data source and comes with [features](http://docs.handsontable.com/0.17.0/tutorial-features.html) like data validation, sorting, grouping, data binding or column ordering. Actively supported by the Handsoncode team and the GitHub community.

Check out the demos at http://handsontable.com/examples.html or fork the example on
[JSFiddle](http://jsfiddle.net/js_ziggle/hU6Kz/3228/) to see Handsontable in action.

- - -

### Quick start

1. A recommended way to install Handsontable is through [Bower](http://bower.io/search/?q=handsontable) package manager using the following command:

  `bower install handsontable --save`

  Alternatively, you can [download it in a ZIP file](https://github.com/handsontable/handsontable/archive/master.zip).

2. After Handsontable is downloaded, embed the code into your project. All the files that you need are in the `dist\` directory:

  ```html
  <script src="dist/handsontable.full.js"></script>
  <link rel="stylesheet" media="screen" href="dist/handsontable.full.css">
  ```

3. Then, create a new `Handsontable` object, passing a reference to an empty div as a first argument. After that, load some data if you wish:

  ```html
  <div id="example"></div>

  <script>
    var data = [
      ["", "Kia", "Nissan", "Toyota", "Honda"],
      ["2008", 10, 11, 12, 13],
      ["2009", 20, 11, 14, 13],
      ["2010", 30, 15, 12, 13]
    ];
    
   var container = document.getElementById('example');
    var hot = new Handsontable(container,
     {
       data: data
      });
  </script>
  ```

### API Reference

- [Core methods](http://docs.handsontable.com/0.17.0/Core.html)
- [Options](http://docs.handsontable.com/0.17.0/Options.html)
- [Hooks](http://docs.handsontable.com/0.17.0/Hooks.html)

### Troubleshooting

Please follow this guidelines when reporting bugs and feature requests:

1. Use [GitHub Issues](https://github.com/handsontable/handsontable/issues) board to report bugs and feature requests (not our email address)
2. Please **always** write steps to reproduce the error. That way we can focus on fixing the bug, not scratching our heads trying to reproduce it.
3. If possible, please add a JSFiddle link that shows the problem (start by forking [this fiddle](http://jsfiddle.net/js_ziggle/hU6Kz/3228/)). It saves us much time.
4. If you can't reproduce it on JSFiddle, please add a screenshot that shows the problem. JSFiddle is much more appreciated because it lets us start fixing straight away.

Thanks for understanding!

### Compatibility

Handsontable is compatible with IE 9+, Firefox, Chrome, Safari and Opera.

### Want to help?

Please see [CONTRIBUTING.md](CONTRIBUTING.md)

### Changelog

To see the list of recent changes, see [Releases section](https://github.com/handsontable/handsontable/releases).

### License

The MIT License (see the [LICENSE](https://github.com/handsontable/handsontable/blob/master/LICENSE) file for the full text)

### Contact

You can contact us at hello@handsontable.com.

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