Using input tag in the table rows

Question

Using input tag in the table rows

SciManJD opened this issue 3 years ago · 1 comments

SciManJD commented 3 years ago

Issue Type

[ ] Bug
[ ] Enhancement Request

Question

Specs

What version are you using?
Vue 3 with vue-good-table-next V0.1.0

What browser?
Firefox

Expected Behavior

Changing values directly in the rows

Actual Behavior

I was able to show the input tag in the row and to show in it the value of the row (taken from the array with data). But I don't know how to get back the changed value to the array. When I change the value, then I try to read it (with .getElementById('xxx').value) I get always 0. The other question is what kind of event I have to use to detect the change and do something?

Answer 1 · 2022-02-15T15:25:47.000Z

I solved my problem. getElementById('xxx').value can get the value of the input field, but there were an error in my code. Then I used an event to write the new data to the array when the input filed looses focus. The event is "blur" -> v-on:blur="function()".