Looking for editable grid/datatable for webpage.

[aceO07]

I'm looking for a grid/table that can do incell editing, and allow the ability to navigate to any cell by using arrow keys.

Yahoo UI apis has such a datatable, but it has confirmation at each cell edit and each cell is not in edit mode until it has been clicked.

I would like to be able to navigate to any cell and start editing and have a main button to save/confirm all the changes for the entire table. Does such a thing exist? Flash/java/flex is something I'd like to avoid if possible. [I'm working with Ruby on Rails if that information is of any help in helping me.]

 

[Boogak]

The Ext JS JavaScript library has a pretty full featured DataGrid component that might solve your needs. I've been researching for something similar to what you're describing for work and so far this seems the most promising.

 

[aceO07]

Originally posted by: Boogak
The Ext JS JavaScript library has a pretty full featured DataGrid component that might solve your needs. I've been researching for something similar to what you're describing for work and so far this seems the most promising.

Thanks I'll take a look.

I'd added in some css for the plain html input fields and they're not so bad looking anymore. However, the grid you linked does look nicer.

I'm currently looking to see if a resizable table/grid that resizes if user changes browser area is possible.