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

Tags: #<Tag:0x00007efc6ad8af78>

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!