Giter VIP home page Giter VIP logo

spreadsheet-icons's Introduction

Handsontable

Handsontable is a JavaScript component that 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


Get started with Handsontable

React  Angular  Vue  Vue 3    JavaScript 

Handsontable data grid

Features

The most popular features of Handsontable:

  ✓  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

1. Install Handsontable

Using a package manager

Get Handsontable from npm, Yarn or NuGet.

npm install handsontable
import Handsontable from 'handsontable';

import 'handsontable/dist/handsontable.full.min.css';

Using a CDN

<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/handsontable/dist/handsontable.full.min.js"></script>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/handsontable/dist/handsontable.full.min.css" />

2. Create a container

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

3. Initialize your grid

const container = document.querySelector('#example');
const hot = new Handsontable(container, {
  data: [
    ['', 'Tesla', 'Volvo', 'Toyota', 'Ford'],
    ['2019', 10, 11, 12, 13],
    ['2020', 20, 11, 14, 13],
    ['2021', 30, 15, 12, 13]
  ],
  rowHeaders: true,
  colHeaders: true,
  licenseKey: 'non-commercial-and-evaluation' // for non-commercial use only
});

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 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.

spreadsheet-icons's People

Contributors

krzysztofspilka avatar mrpiotr-dev avatar swistach avatar wojciechczerniak avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

spreadsheet-icons's Issues

Create a conversion flow of the icon set

We need to extend the current setup to maximize the potential of our SVG icon set. Specifically, each time we add a new icon, the following sequence should be run:

  1. Create an optimized SVG version of the icon,
  2. Create a PNG version of the icon,
  3. Create a larger PNG version of the icon (2x - for Retina screens),
  4. Create a symbol sprite from SVGs,
  5. Create an icon font from SVGs,
  6. Add the new icon to the list of Sass generator,
  7. Add the new icon to the list of Less generator.

Also, our documentation at handsontable.com/docs should generate the list of icons automatically.

New and improved icons

This is a list of potentially useful icons that we could add to the product in the future.

Improve:

  • align-center - it's not really centered
  • chart - rename to pie-chart
  • text-columns - rename to text-columns-2
  • menu - rename to dots-horizontal
  • folder - rename to folder-full
  • hamburger-menu - rename to hamburger-menu-horizontal

New:

  1. line-chart
  2. bar-chart
  3. play-video
  4. camera
  5. text-columns-3
  6. document-txt
  7. document
  8. print-inverted
  9. insert-chart
  10. more-fonts
  11. insert-row
  12. insert-row-before
  13. insert-row-after
  14. remove-row
  15. insert-column
  16. insert-column-before
  17. insert-column-after
  18. remove-column
  19. binoculars
  20. keyboard-inverted
  21. calculator
  22. task-list
  23. bookmark
  24. email
  25. header-text
  26. invisible (eye)
  27. select-all
  28. freeze-panes
  29. freeze-column
  30. freeze-row
  31. enter-fullscreen
  32. exit-fullscreen
  33. gridlines-toggle
  34. validate-data
  35. text-to-columns
  36. history-of-changes
  37. bluetooth
  38. wifi
  39. dots-vertical
  40. folder-outline
  41. hamburger-menu-vertical
  42. open-new-window
  43. discussion
  44. facebook
  45. twitter
  46. instagram
  47. youtube
  48. medium
  49. mute
  50. unmute
  51. thumb-up
  52. thumb-down
  53. emot-smile
  54. emot-sad
  55. emot-neutral
  56. hooray
  57. heart
  58. broken-heart
  59. bell
  60. add-bookmark
  61. remove-bookmark
  62. exclamation-mark-circle
  63. information-circle
  64. question-mark-circle
  65. pull-request
  66. fork
  67. bug

Release 2.0.0

  • Changes already on develop: d933c65
  • We should merge PR #5
  • Issue #6
  • License changes are a breaking change, release as v2.0.0

Publish spreadsheet-icons

  • Add package.json
  • Publish spreadsheet-icons as @handsontable/spreadsheet-icons npm package
  • Fix npm install spreadsheet-icons command in docs to npm i --save-dev @handsontable/spreadsheet-icons so it matches readme.md
  • Publish new docs from 6.2.2-icons branch
  • Make spreadsheet-icons repository public
{
  "name": "@handsontable/spreadsheet-icons",
  "description": "Spreadsheet icons - a minimalistic icon set for data views (data grids, spreadsheets and tables)",
  "homepage": "https://handsontable.com/",
  "repository": {
    "type": "git",
    "url": "https://github.com/handsontable/spreadsheet-icons.git"
  },
  "bugs": {
    "url": "https://github.com/handsontable/spreadsheet-icons/issues"
  },
  "author": "Handsoncode <[email protected]>",
  "version": "1.0.0",
  "keywords": [
    "data",
    "grid",
    "table",
    "data-grid",
    "data-table",
    "data-spreadsheet",
    "spreadsheet",
    "excel",
    "icon",
    "icons",
  ],
  "license": "SEE LICENSE IN LICENSE.txt",
}

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.