Click to See Complete Forum and Search --> : Creating a dynamic resizing table


Mad_T
06-22-2009, 08:17 AM
Hi

I looking to create a table to format some data. The data is being pulled from a database.

On a full screen I may be able to have upto 10 columns per row, but if the screen size is reduced then the number of columns will be reduced.


So is it possible to create a table (or grid) that will resize based on how big the screen is. ( having to do a refresh wouldn't be an issue)

The columns that can't de displayed on the first row would need to overflow to the new row etc..

Any ideas ?

Thanks :)

Kudose
06-22-2009, 08:28 AM
You could use DIVs and CSS.

Having them all float will force them to go to another line when it runs out of room on the current line.

For example, I have a DIV with a bunch of images in it. Just IMG tag after IMG tag. I use CSS to have them all float left and have the DIV at 500px. This forces the image at 501px to go to "row 2".

Just a thought.

Mad_T
06-22-2009, 07:06 PM
Thanks.

Any advice how I would do this. ??

Ideally I want to display an icon/image with a decription centered beneath it.

Thanks :)