Round corners on a dynamically generated table

[gwh]

Hi everyone,

I have table that will be generated dynamically and populated with data. I wanted the table to have round corners so that the top left cell will contain the top left corner, the top right cell the top right corner, then the bottom cells similarly.

Does anyone know how I'd do this if it's dynamically generated?

Appreciate any advice.

[TommiChi]

Most modern browsers (therefore not IE) support the CSS3 border-radius property, which will allow you to create rounded corners for your HTML elements.

To support IE (all versions) or any other older browser, you must use alternate methods, as described in the following link: http://msdn.microsoft.com/en-us/libr...8VS.85%29.aspx

Alternately, use can also use the Raphael Javascript library to dynamically create rounded corners (http://raphaeljs.com - croos-browser solution)

[gwh]

Yeah I was aware of the border-radius property but I wasn't sure if it worked on tables. Thanks for clarifying.