Overexapnding cell in handsontable

Tags: #<Tag:0x00007efc64840d70>
#1

Screenshot (12).png1366×768 110 KB

I am using dynamic data display from mysql to handsontable. But while clicking to change the cell gets over expanded.
What is the issue ??? How to save the data in database, when the data in the handsontable is changed ??

#2

Hi @chhetri450

I saw the editor length bug somewhere before and I am pretty sure that it is connected to styles. Can you try to comment the Bootstrap or any additional styles and check if it is still looking like this?

When it comes to updating data you can use the afterChange method to get changed cell coordinates and a new value to pass it further.

#3

Hi Aleksandra,

We have the same issue with regards to the over-expanding cell. We are using a custom cell renderer.

I posted regarding this at this link:

Entering edit mode on a cell causes editable cell area to expand to right most edge of table.

#4

Thankyou aleksandra editor length bug has been resolved but can u please help me with afterchange method?? Its not working . I am new at this . Can u please point me any example working with saving data to database ??

#5

Hi @chhetri450

Here is an example that shows what we can get from afterChange http://jsfiddle.net/g8wpm1ew/
All data is logged in the console

#6

Can you share with me and @dave.largent the way you fixed it?

#7

It was because of the position css in “element.style”. Its been resolved by placing another .js file from
https://cdnjs.cloudflare.com/ajax/libs/handsontable/0.35.0/handsontable.js
I dont exactly knw how it got removed but by replacing my old js to one from this cdn it worked fine. You can try it

#8

Thank you very much @chhetri450

#9