JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.jsdelivr.net/npm/handsontable@12.0/dist/handsontable.full.min.js"></script>
<link type="text/css" rel="stylesheet" href="https://cdn.jsdelivr.net/npm/handsontable@12.0/dist/handsontable.full.min.css" /> 

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

JavaScript

const container = document.querySelector('#example1');

const hot = new Handsontable(container, {
  data: [{ C0: 'A', C1: 'v1' }, { C0: 'B', C1: 'v1', C2: 'v1' }, { C0: 'C' }, { C0: 'D' }, { C0: 'E' }, { C0: 'F' }, { C0: 'G' }, { C0: 'H' }, { C0: 'I' }, { C0: 'J' }, { C0: 'K' }, { C0: 'L' }, {C0: 'M', C10: 'v10' }],
  rowHeaders: true,
  //colHeaders: true,
  columns: [{data: 'C0', title: 'C0', renderer: 'text'}, { data: 'C1', title: 'C1', renderer: 'text' }, { data: 'C2', title: 'C2', renderer: 'text' }, { data: 'C3', title: 'C3', renderer: 'text' }, { data: 'C4', title: 'C4', renderer: 'text' }, { data: 'C5', title: 'C5', renderer: 'text' }, { data: 'C6', title: 'C6', renderer: 'text' }, { data: 'C7', title: 'C7', renderer: 'text' }, { data: 'C8', title: 'C8', renderer: 'text' }, { data: 'C9', title: 'C9', renderer: 'text' }, { data: 'C10', title: 'C10', renderer: 'text' }, { data: 'C11', title: 'C11', renderer: 'text' }, { data: 'C12', title: 'C12', renderer: 'text' }, { data: 'C13', title: 'C13', renderer: 'text' }],
  contextMenu: true,
  comments: true,
  cell: [
        { row: 0, col: 1, comment: { value: 'COM1' } },
        { row: 1, col: 2, comment: { value: 'COM2' } },
        { row: 2, col: 3, comment: { value: 'COM3' } },
        { row: 3, col: 4, comment: { value: 'COM4' } },
        { row: 6, col: 5, comment: { value: 'COM5' } },
        { row: 7, col: 6, comment: { value: 'COM6' } },
        { row: 8, col: 7, comment: { value: 'COM7' } },
        { row: 9, col: 8, comment: { value: 'COM8' } },
        { row: 10, col: 9, comment: { value: 'COM9' } },
        { row: 11, col: 12, comment: { value: 'COM10' } },
        { row: 12, col: 10, comment: { value: 'COM11' } },
      ],
  height: 'auto',
  licenseKey: 'non-commercial-and-evaluation'
});