Exciting news!Announcing our $4.6M Series Seed. Learn more
Socket
LoveBlogFAQ
Install
Log in

@handsontable/vue3

Package Overview
Dependencies
0
Maintainers
4
Versions
4
Issues
File Explorer

Advanced tools

@handsontable/vue3

Best Data Grid for Vue with Spreadsheet Look and Feel.

    12.0.1latest

Version published
Maintainers
4
Yearly downloads
2,332

Weekly downloads

Changelog

Source

[12.0.1] - 2022-05-16

For more information on this release, see:

  • Release notes

Fixed

  • Fixed an issue where checking or unchecking a checkbox in a row with autoRowSize: true and multi-line cell values caused rows to align incorrectly. #7102
  • Fixed an issue where checking or unchecking a checkbox changed the cell width. #8211
  • Fixed an issue where using a single Handsontable instance with multiple HyperFormula sheets could lead to an uncaught TypeError. #8268
  • Fixed an issue where nested column headers didn't expand properly. #9099
  • Fixed an issue where updating custom borders could lead to uncaught error exceptions. #9455

Readme

Source

Handsontable - data grid for Vue 3

Data Grid for Vue 3

Handsontable's wrapper for Vue 3 combines data grid features with spreadsheet-like UX.
It provides data binding, data validation, filtering, sorting, and CRUD operations.

npm npm CI status FOSSA Status Quality Gate Status


Handsontable data grid for Vue 3

Features

The most popular features of Handsontable for Vue 3:

  ✓  Multiple column sorting
  ✓  Non-contiguous selection
  ✓  Filtering data
  ✓  Export to file
  ✓  Validating data
  ✓  Conditional formatting
  ✓  Merging cells
  ✓  Freezing rows/columns
  ✓  Moving rows/columns
  ✓  Resizing rows/columns
  ✓  Hiding rows/columns
  ✓  Context menu
  ✓  Comments

Documentation

Get Started

Install with npm

Run the following command in your terminal

npm install handsontable @handsontable/vue3

You can load it directly from jsDelivr as well.

<script src="https://cdn.jsdelivr.net/npm/handsontable/dist/handsontable.full.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@handsontable/vue3/dist/vue-handsontable.min.js"></script> <link href="https://cdn.jsdelivr.net/npm/handsontable/dist/handsontable.full.min.css" rel="stylesheet">

The component will be available as Handsontable.vue.HotTable.

Usage

Use this data grid as you would any other component in your application. Options can be set as HotTable props.

Styles

@import '~handsontable/dist/handsontable.full.css';

Vue 3 Component

<template> <hot-table :data="data" :rowHeaders="true" :colHeaders="true"></hot-table> </template> <script> import { defineComponent } from 'vue'; import { HotTable } from '@handsontable/vue3'; import { registerAllModules } from 'handsontable/registry'; // register Handsontable's modules registerAllModules(); export default defineComponent({ data() { return { data: [ ['', 'Ford', 'Volvo', 'Toyota', 'Honda'], ['2016', 10, 11, 12, 13], ['2017', 20, 11, 14, 13], ['2018', 30, 15, 12, 13] ], }; }, components: { HotTable, } }); </script> <style src="handsontable/dist/handsontable.full.css"></style>

View live demo

Support

We provide support for developers working with commercial version via contact form or at [email protected].

If you use a non-commercial version then please ask your tagged question on StackOverflow.

License

Handsontable is a commercial software with two licenses available:

  • Free for non-commercial purposes such as teaching, academic research, and evaluation. Read it here.
  • Commercial license with support and maintenance included. See pricing plans.

License key

If you use Handsontable for Vue 3 in a project that supports your commercial activity, then you must purchase the license key at handsontable.com.

If you use the free for non-commercial license of Handsontable, then pass the phrase 'non-commercial-and-evaluation', as described in this documentation.



Proudly created and maintained by the Handsontable Team.

Keywords

FAQs

What is @handsontable&#x2F;vue3?

Best Data Grid for Vue with Spreadsheet Look and Feel.

Is @handsontable&#x2F;vue3 popular?

The npm package @handsontable&#x2F;vue3 receives a total of 227 weekly downloads. As such, @handsontable&#x2F;vue3 popularity was classified as not popular.

Is @handsontable&#x2F;vue3 well maintained?

We found that @handsontable&#x2F;vue3 demonstrated a healthy version release cadence and project activity. It has 4 open source maintainers collaborating on the project.

Last updated on 16 May 2022
Socket

Product

Subscribe to our newsletter

Get open source security insights delivered straight into your inbox. Be the first to learn about new features and product updates.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc