Manipular o "colspan" via código

Olá pessoal. Estou fazendo uma loja virtual própria e o que acontece é o seguinte: tenho a minha tabela de produtos e tenho a página onde a lista dos produtos serão exibidas. Achei melhor que um máximo de 4 produtos fossem exibidos em cada linha da tabela que será mostrada. ou seja, terei a seguinte tabela:

<table>
<tr>
 <td width="25%">Produto 1</td>
 <td width="25%">Produto 2</td>
 <td width="25%">Produto 3</td>
 <td width="25%">Produto 4</td>
</tr>
<tr>
 <td width="25%">Produto 5</td>
 <td width="25%">Produto 6</td>
 <td width="25%">Produto 7</td>
 <td width="25%">Produto 8</td>
</tr>
</table>

Mas eu estava pensando o seguinte. Imagine que nessa tabela de produtos eu tenha apenas 2 produtos cadastrados. Esses dois produtos vão ficar do lado esquerdo da página e eu estava tentando montar um código para que cada os produtos ficassem sempre centralizados. Ou seja, nesse caso:

<td colspan=2>Produto 1</td>
 <td colspan=2>Produto 2</td>

E o mesmo deveria acontecer se tivesse 6 produtos cadastrados:

<table>
<tr>
 <td width="25%">Produto 1</td>
 <td width="25%">Produto 2</td>
 <td width="25%">Produto 3</td>
 <td width="25%">Produto 4</td>
</tr>
<tr>
 <td colspan=2>Produto 5</td>
 <td colspan=2>Produto 6</td>
</tr>
</table>

Alguém já viu alguma coisa parecida com isso? Não estou conseguindo montar o código...

Agradeço qualquer ajuda. Obrigado!

t+!