Modificar el Nº de columnas según condición

[pedromir]

Hola a todos, tengo una tabla que creo dinámicamente, con varias columnas para mostrar unas fotos de distintos géneros que salen de un array y quiero que al terminar un género,
si en la última fila no completa todas las columnas me queden estas vacías y el siguiente género pase a la siguiente fila y así con todos.

Lo que se me ha ocurrido, no sé si es la mejor opción, es modificar el número de columnas para la última fila de cada género, con el fin de que el nº de columnas sea el mismo que el de fotos a mostrar.
He hecho una función que me cuenta el nº de fotos de cada género pero no se como hacer para que me cambie el nº de columnas en una fila concreta, que sería la última de cada género, según el resultado de esta función.
Saludos

Código Javascript:

var fotos = new Array();
fotos = [["paisaje","foto1"],
                [paisaje","foto2"],
                ["paisaje","foto3"],
                ["monumento","foto4"],
                ["monumento","foto5"],
                ["monumento","foto6"],
                ["deporte","foto7"],
                ["deporte","foto8"],
                ["deporte","foto9"]];
 
var col = 2;
var filas = 2;
 
function countElement(){
    count = 0;  
 
  for(var i in fotos){
    
    if(fotos[i][0] == "paisaje") count++;
        contador = count;
    }
    multiply = contador-(col*filas);      
    if (multiply < parseInt(col)) {
 
 // Y hasta aquí he llegado
 
    return ();
  }
 
            Contenido = '<table id=fotos>';
            Contenido += '<tr>'
            for (indC=i*col; indC < i*col+col && indC < fotos.length; indC++)           
            {           
            Contenido += '<td id="genero">'+fotos[indC][0]+'</td>';         
            }                       
            Contenido += '</tr>';
            Contenido += '<tr>';
            for (indC=i*col; indC < i*col+col && indC < fotos.length; indC++)
            {           
            Contenido += '<td class="diapositivas"><img src=\"images/'+fotos[indC][1]+'.jpg\"></td>';           
            }           
            Contenido += '</tr>';           
            Contenido += '</table>';
            res.push(Contenido);
 

el +col habria que sustituirlo por una función pero lo que he probado no me funciona