Por que os dados da linha anexada não foram exibidos depois de serem enviados?

Este é o meu código php (1ª página):

incorporado com javascript para append a linha quando o botão é clicado:

 $("#addbtn").click(function(){ var num=parseInt($("#project tr:last").text()); num+=1; $("#project").append("
"); });

A 2ª página é a página importante onde todos os dados da 1ª página são exibidos nela:

 
1
2
3
"+num+"
1
2
3

O meu problema é que os dados da linha anexada não foram exibidos na 2ª página. Como fazer isso? A saída como abaixo:

insira a descrição da imagem aqui

Primeiro você deseja reestruturar seu html em algo assim.

 
1
2
3

Em seguida, atualize seu javascript em algo assim

 $("#addbtn").click(function(){ var num=$("#project tbody tr").length +1; $("#project tbody").append(""+num+""); }()); 

e, finalmente, no lado php, você poderia fazer isso:

  < ?php foreach($_POST["pro"] as $key => $value): ?>  < ?php endforeach; ?> 
< ?php echo $key+1; ?> < ?php echo $value; ?>

Na segunda página, faça algo como isto:

  < ?php foreach($_POST as $key => $value) { ?>  < ?php } ?> 
< ?php echo $key; ?> < ?php echo $value; ?>