como ordenar dados da tabela

Adriano_Alves · 4 de maio de 2017

Pessoal, preciso de uma ajuda urgente. Sou bastante leigo no programação, por isso que estou tirando minhas dúvidas com quem entende.

Não estou conseguindo ordenar minhas divs feitas em HTML5.

Tenho a seguinte situação básica:

<!doctype html>
<html>
  <head>
  </head>
  <body>       
    <tr>            
      <td>  10 </td>            
      <td>  2   </td>            
      <td>  1   </td>            
      <td>  20 </td>            
      <td>  3   </td>      
    </tr>
  </body>
</html>

ou nessa estrutura não sei qual é melhor:

<!doctype html>
<html>
  <head>
  </head>
  <body>       
    <ul>            
      <li>  10 </li>            
      <li>  2   </li>            
      <li>  1   </li>            
      <li>  20 </li>            
      <li>  3   </li>      
    </ul>
  </body>
</html>

Agora não sei como ordená-las em ordem crescente ou decrescente automática. Independente da estrutura, só quero arrumar um jeito de colocar em ordem. Se alguém puder me ajudar agradeço.

rodrigofernandes1985 · 9 de maio de 2017

A tag <ul> </ul> é usada para listas, no seu caso você quer exibir uma tabela então use a primeira estrutura, para listar dados automaticamente de forma crescente ou decrescente você vai ter que usar banco de dados, para isso você vai ter que estudar PHP e MYSQLI. Espero ter ajudado.

Adriano_Alves · 10 de maio de 2017

obrigado Rodrigo. Finalmente consegui dessa forma, só usei o PHP, mas podia usar o MySQL também, porém achei mais complicado.

<doctype html>
<html>
<head>
     <style>
           .cdiv {
			padding: 10px;
			box-shadow: 1px 1px 2px rgba(0,0,0,.3);
			width: 150px;
			height: 84px;
			margin: 10px;
			border: rgba(0,0,0,.5) 1px solid;
		}
    </style>
<head>
<body>
<?php
        $n1 = 340;
	$n2 = 33;
	$n3 = 2; 
	$n4 = 65;
	$n5 = 1;
	
	$v = array ("<div class='cdiv'>$n1</div>",
			"<div class='cdiv'>$n2</div>",
            	        "<div class='cdiv'>$n3</div>",
            	        "<div class='cdiv'>$n4</div>",
            	        "<div class='cdiv'>$n5</div>");

	natcasesort($v);
	foreach($v as $valor){
		echo "$valor";
	}
?>
</body>
</html>