Dúvida de sintaxe

Estava fazendo o exercício e fiz o código do arquivo NegociacoesView.js da seguinte forma:

_template() {
        return 
        `<table class="table table-hover table-bordered"> //Dúvida aqui!!!!!
            <thead>
                <tr>
                    <th>DATA</th>
                    <th>QUANTIDADE</th>
                    <th>VALOR</th>
                    <th>VOLUME</th>
                </tr>
            </thead>

            <tbody>
            </tbody>

            <tfoot>
            </tfoot>
        </table>
        `;
    }

Quando fui verificar para ver se a estrutura do DOM (da tabela) estava aparecendo, deu um erro apresentando um valor undefined.

Então deixei exatamente como estava no exercício e deu certo

_template() {
        return ` //Arrumei aqui!!!!!
        <table class="table table-hover table-bordered">
            <thead>
                <tr>
                    <th>DATA</th>
                    <th>QUANTIDADE</th>
                    <th>VALOR</th>
                    <th>VOLUME</th>
                </tr>
            </thead>

            <tbody>
            </tbody>

            <tfoot>
            </tfoot>
        </table>
        `;
    }

Gostaria de saber porque isso acontece, ou se estou fazendo algo errado.