Column width resizing issue

Tags: #<Tag:0x00007efc65638c98> #<Tag:0x00007efc65638ab8>
#1

Hello there,
In my project, I am utilizing manual column width resizing. To begin, I pass the width of each column as the number of columns divided by the table width. Now, when I try to make a column wider, the column width gets smaller; however, when I try to make a column wider, the column width stays the same, the column I’m expanding should only expand, and the scrollbar should become active.

also when horizontal scrollbar is active I am able to expand the column width

Please check the below code
this.container = document.getElementById(this.config.uuid);
this.hot = new Handsontable(this.container, {
data: getData(),
width: parentElement.width - 6,
height: getFormattedHeight(),
colWidths: setColWidth,
stretchH:‘all’,
manualColumnMove: true,
manualRowMove: true,
manualColumnResize:true,
manualRowResize: true,
})

this.hot.addHook('afterColumnResize', (newSize, column, isDoubleClick) => { // here i am updating setColWidth array. // also storing setColWidth in database }) Also i am storing each col width data into database so that can retrieve the each column width as saved before
#2

Hi @rupeshfend

I tried to replicate the issue with the code you sent, but there are missing variables and I’m not able to do that. Please, modify this example so the issue can be replicated: https://jsfiddle.net/handsoncode/jLz7ehdw/

#3