Handsontable example

HTML

<div id="example1" class="hot handsontable"></div>

CSS

</style><!-- Ugly Hack due to jsFiddle issue -->

<script src="https://docs.handsontable.com/0.15.1/scripts/jquery.min.js"></script>
<script src="https://docs.handsontable.com/0.15.1/bower_components/handsontable/dist/handsontable.full.js"></script>
<link type="text/css" rel="stylesheet" href="https://docs.handsontable.com/0.15.1/bower_components/handsontable/dist/handsontable.full.min.css">

JavaScript

document.addEventListener("DOMContentLoaded", function() {

  var
    container = document.getElementById("example1"),
    hot;
  
  hot = new Handsontable(container, {
    data: [
      ['A', 'B', 'C'],
      ['A', '', ''],
      ['', '', '']
    ],
    colHeaders: true,
    columns: [
      {
      	type: 'dropdown',
        source: ['A', 'B'],
        strict: true,
        allowInvalid: false
      },
      {
        type: 'dropdown',
        source: ['B', 'C', 'D'],
        strict: true,
        allowInvalid: false
      },
      {
      	type: 'dropdown',
        source: ['C', 'D'],
        strict: true,
        allowInvalid: false
      }
    ]
  });

});