Vírgula sempre carrega acima da tabela

Boa noite !

Toda vez que eu chamo meu método render, acima da tabela é adicionada uma vírgula... Cacei pelo código todo mas não acho nenhuma explicação para que ela apareça sempre acima da tabela. Segue abaixo meu código da VIEW >>

class NegociacoesView{
    constructor(elemento){

        this._elemento = elemento;
    }

    _template(model){
        return `
        <table class="table table-hover table-bordered">
            <thead>
                <tr>
                    <th>DATA</th>
                    <th>QUANTIDADE</th>
                    <th>VALOR</th>
                    <th>VOLUME</th>
                </tr>
            </thead>
            <tbody>
            ${
                model.negociacoes.map(function(n){
                    return `<tr>
                                <td>${DateHelper.dataParaTexto(n.data)}</td>
                                <td>${n.quantidade}</td>
                                <td>${n.valor}</td>
                                <td>${n.volume}</td>
                            </tr>`;
                }).join()
            }
            </tbody>
            <tfoot>
                <td colspan="3"></td>
                <td>
                    ${
                        model.negociacoes.reduce(function(total, negociacao){
                            return total + negociacao.volume;
                        }, 0.0)
                    }
                </td>
            </tfoot>
        </table>`;
    }

    update(model){
        this._elemento.innerHTML = this._template(model);
    }
}