c91e06c5363bce9d32443300beedab9ca7c56378d46a17f90af4513431f3733bc7db36159cc12edad2007da4fc5ebf8ffa5b297a5d5b01e62cec0ed1c7c386 1.7 KB

1234567891011121314151617181920212223242526272829303132333435
  1. # Handsontable distributions
  2. ## Full distribution (recommended)
  3. The full distribution allows you to use Handsontable by just including 2 files:
  4. ```html
  5. <script src="dist/handsontable.full.js"></script>
  6. <link rel="stylesheet" media="screen" href="dist/handsontable.full.css">
  7. ```
  8. (It may also require Pikaday, moment.js and numbro.js, if you're using the Datepicker for date input or numeric cell types)
  9. **handsontable.full.js** and **handsontable.full.css** are compiled with ___all___ the needed dependencies.
  10. Using this has the same effect as loading all the dependencies from the Bare distribution (see below).
  11. ## Bare distribution
  12. If you are a "Bob the Builder" kind of hacker, you will need to load Handsontable JS, CSS and their dependencies:
  13. ```html
  14. <!-- Required dependencies (as external scripts) -->
  15. <script src="https://cdnjs.cloudflare.com/ajax/libs/pikaday/1.5.1/pikaday.min.js"></script>
  16. <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>
  17. <script src="https://cdnjs.cloudflare.com/ajax/libs/numbro/1.9.3/numbro.min.js"></script>
  18. <script src="https://cdnjs.cloudflare.com/ajax/libs/zeroclipboard/2.3.0/ZeroClipboard.min.js"></script>
  19. <!-- Handsontable bare files -->
  20. <script src="dist/handsontable.js"></script>
  21. <link rel="stylesheet" media="screen" href="https://cdnjs.cloudflare.com/ajax/libs/pikaday/1.5.1/css/pikaday.min.css">
  22. <link rel="stylesheet" media="screen" href="dist/handsontable.css">
  23. ```
  24. **handsontable.js** and **handsontable.css** are compiled ___without___ the needed dependencies.
  25. ## Custom distribution
  26. If you want to build your own custom Handsontable package distribution check out our [tool](https://github.com/handsontable/hot-builder) designed for this.