Semanticamente, não deveria ter uma tag TR englobando o TD, que está direto no TFOOT?
Atualmente:
<tfoot>
<td colspan="3"></td>
<td>${
(function() {
let total = 0;
model.negociacoes.forEach( n => total += n.volume);
return total;
})()
}</td>
</tfoot>Sugestão:
<tfoot>
<tr>
<td colspan="3"></td>
<td>${
(function() {
let total = 0;
model.negociacoes.forEach( n => total += n.volume);
return total;
})()
}</td>
</tr>
</tfoot>