1

I have an AG Grid with cells that contain very small highly precise numbers - eg 0.002957399184

I want to allow users to edit these numbers easily and accurately - basically want to avoid fiddling around trying to select using the cursor where you want/what you want to change.

I tried using a cell renderer which just consisted of an <input type="number" /> but that only allows increments of a predefined step and they might want to add 0.1 or 0.001 for example.

Anyone have any ideas of how could I tackle this?

Improve this question
2
  • I edited your question to focus on the UX issue (which seems to be where your main problem at the moment), otherwise code implementation questions are off-topic. Commented Dec 29, 2022 at 8:55
  • related: ux.stackexchange.com/questions/105644/… Commented Dec 29, 2022 at 9:02

1 Answer 1

Reset to default
1

This is one of the rare cases where an overwrite input (sometimes called overtype) comes in handy. You may have seen it before accidentally in office programs where hitting the Insert key toggles between insert and overwrite mode, or in some time controls (eg. in Audacity).

Overwrite mode lets the user select a character in one click (as opposed to space between character as the normal "insert" mode does), and then overwrite it immediately.

NB, it's not something supported natively in browsers, so you'll need to build it yourself. https://stackoverflow.com/a/23840099/2792952 may be useful.

Improve this answer

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.