question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Feature request: Make glide-data-grid handle css transform:scale(x)

See original GitHub issue

Thanks for doing such an amazing job @jassmith. It is rare to come across such a feature rich and well documented open source project.

Now to my question/feature request. The scaling of your data-grid using transform:scale(x) works well. However, when trying to select/edit the table, it seems that there is an offset between where the mouse clicked and which cell/row/column was selected.

Screenshot 2022-09-09 at 18 42 38

I understand that my use case is a rare one, but I thought I still ask/make this feature request.

We are developing an open source node based prototyping toolkit where we need a table node which is nicely editable while scaled. You can see an example of our current implementation below. Unfortunately is the data-grid component not as well done as yours. We would love to switch over to using glide-data-grid, but we want to support the ability to edit the data-grid while scaled up or down. Or is there another way of doing the scaling which would support or use case?

https://plugandplayground.dev/?loadURL=https://raw.githubusercontent.com/fakob/plug-and-play-examples/dev/Drawing examples.ppgraph

Screenshot 2022-09-09 at 18 49 02

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
jassmithcommented, Sep 9, 2022

Done and dusted in 5.1.0

0reactions
fakobcommented, Sep 11, 2022

Thanks for the fix. I have tested the scaling in a basic setup and it works well!

Unfortunately, I have trouble getting the whole glide-data-grid to work in our application. For this I have opened a ticket. I am not sure what I am doing wrong. If you have an idea, any help would be appreciated. https://github.com/glideapps/glide-data-grid/issues/496

Read more comments on GitHub >

github_iconTop Results From Across the Web

Issues · glideapps/glide-data-grid - GitHub
Glide Data Grid is a no compromise, outrageously react fast data grid with rich rendering, first class accessibility, and full TypeScript support.
Read more >
Glide — Image Resizing & Scaling - Future Studio
CenterCrop() is a cropping technique that scales the image so that it fills the requested bounds of the ImageView and then crops the...
Read more >
Calculate CSS transform displacement while scaling around ...
I'm having trouble calculating the position displacement to accommodate the changes caused by scaling around a different origin point. Here's a ...
Read more >
JavaScript Awesomeness — Or How To Animate Without jQuery
However, JavaScript animation libraries that bypass jQuery deliver incredible performance by avoiding DOM manipulation as much as possible.
Read more >
UI Components - Awesome Vue.js
Rich functions, more efficient, and easy to use; vue-datagrid ... data table component made with Vue.js 3.x, referring to the API and UI...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found