Alguém sabe como eu posso diminuir a minha tabela?
<!DOCTYPE html>
<html>
<head>
<title>Voos</title>
<link rel="stylesheet" type="text/css" href="css/tabela.css">
<script type="text/javascript" src="JQuery/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('table#horario tbody tr:odd').addClass('impar');
$('table#horario tbody tr:even').addClass('par');
$('table#horario tbody tr').hover(function(){
$(this).addClass('destacar');
},
function(){
$(this).removeClass('destacar');
});
});
</script>
</head>
<body>
<?php
include 'conexao.php';
$sql = "SELECT h.hr_volta ,h.hr_ida , h.dt_ida,h.dt_volta as chegada, a.nome_aeroporto as origem, ae.nome_aeroporto as destino
FROM voos as v
join horarios as h
on h.id_horarios = v.id_horario
join aeroporto as a
on a.id_aeroporto = v.id_aeroporto_origem
join aeroporto as ae
on ae.id_aeroporto = v.id_aeroporto_destino";
$cone = mysqli_query($link,$sql);
?>
<table id="horario">
<h1>Exemplo tabela</h1>
<caption>
Viação Alfa - horário
</caption>
<thead>
<tr id="horario">
<th>Origem</th>
<th>Destino</th>
<th scope="col">Saída</th>
<th scope="col">Chegada</th>
<th scope="col">Classe</th>
<th scope="col">Tarifa</th>
<th scope="col">Frequência</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="8">Válida para o período de 02/10/2008
</td>
</tr>
</tfoot>
<tbody>
<?php
while ($row = mysqli_fetch_assoc($cone)){
echo "<td>".$row['origem']."</td>";
echo "<td>".$row['destino']."</td>";
echo "<td>".$row['hr_ida']."</td>";
echo "<td>".$row['hr_volta']."</td>";
}
?>
</table>
</body>
</html>
Discussão (0)
Carregando comentários...