Here's what I am trying to accomplish in nutshell ...
Definition of Grid for my web application :
A Grid should have a fixed header with columns (a cell within the header may have a checkbox/selection box which may or may not be enabled based on some conditions), A grid will have rows, where each row will contain cells (each cell will align with header column so as to speak), a grid should be style-friendly (easily skinnable, kinda like on YouTube).
Precondition: Grid at this point is empty.
Step 1 : User types in a text field, (this text field is an auto-complete field), this sends off a JSON request to an appropriate controller (Spring MVC), returns list of possible search items, say user selects Roger Federer out of it.
Step 2 : Because of Step 1, the Grid is now populated with say 100 rows, where each item is selectable and expandable div. When I click on the row, it should expand to give me details.
So I am looking for a grid template or a JQuery plugin of sorts to allow for, selectable rows, which when selected together will allow me to take the information to next page (both rows will contain some data that I have to push to next page). I need to know if there's a plugin available for doing this in JQuery UI. Grid should be paginated, (like have 1|2|3 ... Last > format on the grid field set footer). Also I would like to get some ideas on skinning and styling of this grid to make it look good; Just to throw an additional detail, This will be used in media studios, so I am looking for decent skin templates to make it attractive. I would love to hear suggestions, pointers ...
Addendum : Media studios as in News and Media broadcasting corporations, server centers where they do Playlist management etc.