Mostrar valor topo pagina

[andersonseifert 10]

Galera bom dia, preciso mostrar o valores somados em cima da minha table (Dentro dos campos Todas,Vencidos,Pagos e Aberto), consegui fazer a soma dos valores pelo resultado da pesquisa agora so nao consigo passar o código pra cima, vejam só :

 

 

O que preciso :

http://prntscr.com/5wdcua

 

Mostrando os resultados no fim da pagina :

http://pastebin.com/qfEsTCeC

   <thead>
             <tr>     
             <th><span class="label">Todas</span></th>
             <th><span class="label label-important">Vencidos</span></th>
             <th><span class="label label-success">Pagos</span></th>
             <th><span class="label label-warning">Aberto</span></th>  
             </tr>
 </thead> 

[Beraldo 864]

Algumas soluções:

 

1. Em vez de processar tudo e ir exibindo, vá concatenando o conteúdo a uma variável. No fim do loop, altere os valores que devem ficar no topo. Pode usar str_replace, por exemplo. Você cria a tag [valor]. No fim do loop, troca [valor] pelo valor que deve ser exibido e dá echo na variável com o conteúdo da tabela;

 

2. Mantém como está e usa JS pra alterar o conteúdo dinamicamente quando a página carregar

[andersonseifert 10]

Fiz de outra forma mas um colega meu criei um arquivo .JS

 

$(function(){
$('.ds-none').css('display', 'none');

$('#j_box_teste').html( $('.j_valor_teste').text() );
$('#j_box_teste2').html( $('.j_valor_teste2').text() );



});

 

Depois so mostrei os valores acima.

[Beraldo 864]

Fiz de outra forma

na verdade, essa foi a segunda sugestão que dei :thumbsup:

[andersonseifert 10]

muito obrigado mesmo assim :)