ColHeaders disappear and show "A ... Z" after changing the page or refreshing

Tags: #<Tag:0x00007f0b0fcee688>

I am using the most recent version of HOT with VueJS.

<hot-table
  ref="myhandsontable"
  :col-headers="['Test1', 'Test2', 'Test3']
  :data="$store.state.myRows"
  :row-headers="true"
  :settings="hotSettings"
    />

Each time I switch the page or refresh it, it changes the column headers to “A, B, C, …, Z”. If I change again or refresh, my headers as shown in the actual properties reappear again.

Any ideas on that?

HI @chalidjamaal

As mentioned here, https://github.com/handsontable/handsontable/issues/8372 by my colleague, the use of state is not yet fully supported by Handsontable. If you want to alter headers, I recommend using the native updateSettings method.

1 Like