Hi all.

   I would like to implement a 1xN grid layout in jquery mobile. The idea is that the single row is free to expand to any length horizontally to the right. All the content is drawn dynamically from the server. Each column is actually a grid in itself. Have attached an image to indicate how the page layout should look like. 

   The first grid serves as an index grid column. So, when u click a tile in the first grid column, the page should scroll to the particular column horizontally.

   Not sure if this can be implemented in jquery mobile. Would be very thankful if someone could share a link/tutorial/example or anything that could help me implement this functionality.

Thanks in advance,

Naveen.