Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
​
<head>
    <script src="https://handsontable.github.io/ngHandsontable/node_modules/angular/angular.js"></script>
    <script src="https://docs.handsontable.com/pro/1.8.2/bower_components/handsontable-pro/dist/handsontable.full.js"></script>
    <link type="text/css" rel="stylesheet" href="https://docs.handsontable.com/pro/1.8.2/bower_components/handsontable-pro/dist/handsontable.full.min.css">
    <script src="https://handsontable.github.io/ngHandsontable/dist/ngHandsontable.js"></script>
    <style>body {margin: 0}</style>
</head>
​
<body ng-app="app">
    <div ng-controller="Ctrl">
        <hot-table settings="settings" datarows="dataJson"></hot-table>
    </div>
    <script>
    var app = angular.module('app', ['ngHandsontable']);
    app.controller('Ctrl', ['$scope', '$filter', '$timeout', 'hotRegisterer', function ($scope, $filter, $timeout, hotRegisterer) {
        $scope.dataJson = [[5], [7],[5], [7],[5], [7],[5], [7],[5], [7],[5], [7],[5], [7],[5], [7],[5], [7],[5], [7],[5], [7],[5], [7],[5], [7],[5], [7],[5], [7],[5], [7],[5], [7],[5], [7],[5], [7],[5], [7],[5], [7],[5], [7],[5], [7],[5], [7],[5], [7],[5], [7]];
​
        $scope.settings = {
            contextMenu: true,
            onAfterCreateRow: function(index, amount) {
              console.log("onAfterCreateRow");
              
              $timeout(function() {
                $scope.$digest();
              });
              
            }
        };
    }]);
</script>
</body>
​
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers