Input fields text are gone after scrolling the grid bar

I created a data grid. Each row of the grid contains a text input field: <input type='text' size='6' value=' ' />

After I entered the values in each input field, and scroll the grid bar, all the data I entered in the input fields are gone.

Could anybody give me some help on this issue? Thanks a lot.

The grid destroys the html elements when they scroll out of view. This behavior is by design. You can change this if you disable 'virtual' scrolling -

grid.setVirtualMode(false);

However disabling virtual scrolling only works ok for small datasets, otherwise the grid becomes very slow with many rows.