Avoid grid jitters when editing

drylight

I am looking at jQuery grids and have been checking out DataTables. But one thing I'm curious about is, when editing a cell (in the examples), I notice that the grid "jitters".

For example, if you go here: http://datatables.net/examples/api/editable.html

Then click on a cell. The edit box appears. Click on the cell above the one with the edit box, to now edit that cell. Then click back down on the first one again. Continue doing this backwards and forwards between the two cells. The grid jitters, and the column in which you're editing the cells is growing larger and larger.

Is this a common side-effect of DataTables, or just this particular demo?

allan

Side effect of jEditable I think - although I'm no expert in that plug-in my guess is that the input elements being width 100% are actually adding the padding of the cells each time as well - hence the growing over time. One work around would be to just have the input elements a fixed size rather than relative.

Allan

drylight

Thanks for the response, Allan. Sounds like you could be right,