¿Cómo se hace una tabla de 100% de ancho con las columnas de igual ancho?

Question

Estoy tratando de hacer una tabla que se extienda al 100% de la página (o al contenedor en el que se encuentre, dependiendo de dónde la use).

Cuando especifico el ancho de la tabla al 100%, automáticamente cambia el tamaño de las columnas en función del ancho de su contenido. Esto es bueno la mayor parte del tiempo cuando no me molestan las diferentes columnas de ancho, pero para esto, necesito que todas las columnas tengan el mismo ancho. Sé que podría especificar un ancho porcentual para las columnas, pero necesito que esto funcione para cualquier cantidad de columnas.

Aquí está mi código hasta ahora: http://jsfiddle.net/zwWHZ/2/

¿Es posible tener una mesa con una anchura de 100% e igual ancho de las columnas y sin tener que especificar el porcentaje para cada columna con CSS puro?

Answer 1

Intenté poner en la sección table del CSS, y eso pareció funcionar (incluso cuando cambié el número de columnas). La fuente donde encontré eso es here.