Trying to use handsontable using angular as a form (like empty table that user populates) with submit button

I’m looking at the databinding and save data examples at the portal but you dont provide angular documentation for databiding with HTML and typescript.

I want smth like this

<hot-table [afterChange]="detectChanges" [settings]="tableSettings"  [hotId]="id [data]="dataset"></hot-table>
  <button (click)="submit([dataset])">Submit</button>

I want to pass the table dataset that the user will populate after hitting submit

This is my table settings

tableSettings: any = {

    maxRows: 22,

    startRows: 1,

    startCols: 1,

    contextMenu : true,

    height: 'auto',

    width: 'auto',

    columns: [

      {

        data: 'id',

        type: 'text',

        width: 40

      },

      {

        data: 'currency',

        type: 'text'

      },

      {

        data: 'units',

        type: 'text'

      }

    ],

    colHeaders: ['ID', 'Currency', 'Level'],

    licenseKey: 'non-commercial-and-evaluation'

  };

Hi @kotlins89

Sorry for late response. We’ll get back to you after the weekend.

Hi @kotlins89

Here you can find a demo with data binding with Angular + TS. I hope you will find it helpful. Let me know if that’s what you needed.

https://jsfiddle.net/aszymanski/qfuL0kh4/1/

thank you, works great!