Tenho uma página em html, em que listo dados, essa parte está assim:
<table class="table table-responsive">
<thead>
<tr>
<th>Item 1</th>
<th>item 2</th>
<th>item 3</th>
<th>item 4</th>
</tr>
</thead>
<tbody>
{% for item in itens %}
<tr>
<td><a href=""><img src="{{ item.att1 }}" width="50px" /></a></td>
<td><a href=""><strong>{{ item.att2 }}</strong></a></td>
<td><strong>{{ item.att3 }}</strong></td>
<td><strong style="color: green">{{ item.att4 }}</strong></td>
</tr>
{% endfor %}
</tbody>
</table>
Estou usando Django na minha aplicação.
O problema é o seguinte: os dados que estão sendo listados, são capturados no back-end e vem de um servidor externo, que muitas vezes atrasa muito o carregamento da página.
O que eu queria fazer era carregar toda a página (exceto a tabela), e enquanto isso poderia colocar uma mensagem qualquer para o usuário. E só depois quando todos os itens fossem carregados, a tabela seria exibida.
Andei pesquisando mas não encontrei nada relacionado. Alguém poderia me ajudar?