Get started with jquery-handsontable CDN

MIT licensed

JQuery-handsontable is a library that enhances input functionality for interactive data tables using jQuery and Handsontable core.

Tags:
  • excel
  • data
  • editor
  • popular

Stable version

Copied!

How to start using jquery-handsontable CDN


<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/handsontable/dist/handsontable.full.css" />
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.cdnhub.io/jquery-handsontable/0.10.2/jquery.handsontable.full.min.js"></script>
    <style>
        #container {
            width: 500px;
            height: 300px;
        }
    </style>
</head>
<body>
    <div id="container"></div>
    <script>
        $(function() {
            $('#container').handsontable({
                data: Handsontable.helper.createSpreadsheetData(5, 7),
                colHeaders: ['Col header 1', 'Col header 2', 'Col header 3', 'Col header 4', 'Col header 5', 'Col header 6', 'Col header 7'],
                rowHeaders: ['Row header 1', 'Row header 2', 'Row header 3', 'Row header 4', 'Row header 5', 'Row header 6'],
                contextMenu: ['print', 'selectAll', 'deselectAll'],
                licenseKey: 'non-commercial-and-evaluation'
            });
        });
    </script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!

All versions