Comments (12)
Hi @mass4441
Thank you for reporting this. Can you please send a code demo where the issue is replicable? I checked the changes between 14.0 and 14.1, and I don't see anything that might cause this, so I need to see your implementation to determine what is causing the problem.
from handsontable.
Hello @adrianszymanski89
i tried to reproduce this behaviour in a fresh repo with Vue 3 and Handsontable 14.1.0 but it's working as expected.
The bug is only reproducted in our main project but the structure is way more complexe and realy hard to reproduce in a fresh repo.
But the issues seems to only affect the className meta and not the others ( we have multiple dynamic readonly on cells and it work properly ).
While typing this message i tried handsontable 14.1.0 with "@handsontable/vue3": "14.0.0" and now it's working.
Seems this commit is creating the bug: (e2b07e5)
from handsontable.
Hi @mass4441
If it works correctly on a fresh project, it should also work in your environment. I looked at the PR you mentioned, and it doesn't look like it would be the reason.
Did you try to do the fresh install of Handsontable in your project and delete node modules?
from handsontable.
Just tried to delete node_modules but still the same issue.
Only way to make it work is to use "handsontable": "14.1.0" and "@handsontable/vue3": "14.0.0".
Not sure if this help but after retrieving our datas from API with pass it to the HotTable component by updating the hotSettings object like this :
Template component :
<HotTable
v-if="datas.length > 0"
:settings="hotSettings"
/>
Inside props watcher :
this.hotSettings.data = newHotSettingsData;
I'll try again to reproduce this issue and let you know when i find why with version 14.1.0 my code is not working anymore.
from handsontable.
I'll be grateful for this, as that would help us narrow down the possible source of this issue. Still, it seems unlikely that something would work that differently in a developed and clean project.
from handsontable.
I finaly found a way to reproduce the issue in a new project.
This project https://github.com/mass4441/handsontable-bug reproduce the bug.
As you can see with handsontable 14.0.0 it's working (the color red (className) persist even if you update the data ) but as soon as you update to 14.1.0 it remove the class and we lose the color. (Same issue if we update data with the table directly and not the button)
But if you don't set custom "columns" array in hotSetting then it's working in 14.1.0.
Am i doing something wrong ? Or is it an issue with 14.1.0 ?
from handsontable.
Hi @mass4441
Thank you for the code. So far, I haven't been able to narrow down which change in 14.1.0 might be causing this. I will investigate it further and will update you soon.
from handsontable.
Hi @mass4441
I was able to reproduce this issue here: https://jsfiddle.net/handsoncode/6n51o9r0/1/ Indeed, it seems that defining the columns is responsible for this bug, but the thing I've found is that this issue was present all the time, not only in 14.1.0.
However, we have a similar issue reported internally, and it surely needs to be investigated more by our developers.
I will update you once we have any progress on this. So far, I haven't been able to find any workaround for this besides not defining the columns, but I know that it's not the best way to avoid it.
from handsontable.
Hello @adrianszymanski89,
thanks for your feedback.
Is it possible that it was working for us because we directly update the array hotSetting.data and we don't use setDataAtCell ?
Btw, updating hotSettings.data is a correct way to do ? Or should we avoid it and only use provided function (loadData, updateData, setData, ... ). ?
from handsontable.
Yes, that's what I also suspected, and we recommend using our dedicated methods to update the data.
from handsontable.
Hello @adrianszymanski89 ,
any update on this ? Do you think it will be fixed in the next release ?
Thansk !
from handsontable.
Hi @mass4441
It's not on our roadmap yet. We'll update this thread once it gets there.
from handsontable.
Related Issues (20)
- [Bug]: Installed 14.2 but having performance and display issue not seen with 13.0, also had to convert to ES5 HOT 16
- [Bug]: vue2 insert column disable? HOT 5
- How can i get the older version document, such as v6,v7? HOT 4
- [Bug]: Multiple sorting resets on the fifth click HOT 2
- [Bug]: custom rendorer called multiple times and did dom manipulation creating a slow performance and row misalignment HOT 2
- [Bug]: cell editor doesn't switch as intended on tab navigation between cells HOT 1
- [Bug]: Table crashes when entering a number value with a space between negative symbol and numbers HOT 1
- [Bug]: Vue 3 composition API ref error HOT 9
- Handsontable 14.3.0 is here!
- [Bug]: A bug caused by sheetRename HOT 2
- [Bug]: Property 'prototype' does not exist on type 'BaseEditor' HOT 7
- [Bug]: The bug about the ROUND function in the formula, why 21.9/0.2, keeping 0 decimal places, will get 109? In theory, the ROUND function should be rounded to 110. HOT 6
- [Bug]: In vue2, when using HotColumn slot, there is no readonly html style HOT 5
- [Bug]: Object array data source causes spliceRow call error: rowData.slice is not a function HOT 2
- [Bug]: How can the handsonTable component freeze columns on both sides HOT 4
- Context Menu: long texts are truncated HOT 1
- Submenu wrong position when horizontal scrolling HOT 3
- When the table scrolls to the bottom of the page, click the date editor in the last row, the date editor will be blocked, please solve this problem, thank you HOT 1
- `columnSummary` does not include formulated cells HOT 1
- [Bug]: vue dev-tools, Select a component HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from handsontable.