Handsontable UI breaking with fixedColumnsLeft and different colwidths

Tags: #<Tag:0x00007efc64f85dd8>
#1

I have handsontable with 4 rows and 5 columns with ‘fixedColumnsLeft:2 and colWidths: [350,350,350,250,250]’ and other properties as used in demo.
For 1st row, last cell data is larger than all other cells. Due to fixedcolumnsleft property and different width for columns, alignment of rows is not proper. Also, as mentioned only 4 rows are there but still in first column 6 cells are there. Problem is with combination of properties as fixedcolumnsleft and different width for columns. I see following issues -

  1. Rows alignment is not proper.
  2. 1st two columns are fixed, so on horizontal scroll UI is breaking.
  3. Navigating grid using enter doesn’t make vertical scroll in sync.

Browser used - IE, Chrome, Mozilla
Handsontable - latest version ‘0.29.0’
Fiddle link - http://jsfiddle.net/ygfnR/455/

UI breaking with fixedColumnsLeft and different colwidths
#2

Hi @tmoore

it is the same issue as reported here: https://github.com/handsontable/handsontable/issues/3793

Please test updated demo http://jsfiddle.net/5rbsn3k4/

solution:

delete autoRowSize from initialization settings and add it via updateSettings

#3