Diseño tabla

[carlosferdo]

Buenas tardes. Mi intencion es hacer algo parecido a esto:



La tipica tabla que muestra datos, cada linea con un background-color distinto y su respectiva cabezera de cada apartado (NOMBRE-APELLIDOS-EDAD...)

Unicamente dispongo de esta consulta

Código:

	$res=$db->GetAll("Select * from usuarios order by nombre");
	$template->assign('res',$res);
	$template->display('consulta.tpl');

Alguien me ayuda ?

[carlosferdo]

A nadie se le ocurre nada?

[ipraetoriux]

cuanto sabes de javascript? ajax? jquery?...porque con javascript manejas los eventos en la tabla, con el objeto XMLHttpRequest manejas la comunicacion asincrona con el servidor, y utilizando algun lenguage como PHP efetuas las accriones de modificar, guardar, eleminar, agregar en la base de datos...y con jquery, lo puedes usar para dar los efectos...tipo fadeOut cuando eliminas una fila...parace una tontera..pero no lo es tanto...si manejas bien lo que digo lo haces sin problema, sino deberas leer un poco antes de meterte a hacer algo asi porque te puede llegar a sacar canas verdes...recomendacion de amigo...yo uso el framework Prototype, me ahorra mucho javascript...

saludos

[NSD]

buenas, tienes una base de datos con una tabla con N campos bien...

Código PHP:

<php
require("configuracionabd.php");
mysql_select_db("labasededatos") or die(mysql_error());
echo ('<table><tr><td Class="tablatitulo" height="10px"></td></tr>');
    $datos[consulta] = mysql_query("info1,info2,info3,infox FROM tabladelabd");
    $datos[cantidadresultados]=0;
    while($resultados = mysql_fetch_array($datos[consulta])) {
    $datos[cantidadresultados]+=1;
    if ($datos[cantidadresultados]%2==0) {$datos[estilo]=1;$datos[estilo1]=2;}else{$datos[estilo]=2;$datos[estilo1]=1;}
    if ($datos[cantidadresultados] > 1){ echo ('<tr><td colspan="10"><hr /></td></tr>'); }
    echo <<< HTML
          <tr>
            <td Class="tabladatos$datos[estilo1]">
            <table>
                  <tr>
                    <td width="250px" Class="tabladatos$datos[estilo]">$resultados[info1]</center></td>
                    <td width="250px" Class="tabladatos$datos[estilo]">$resultados[info2]</center></td>
                    <td width="250px" Class="tabladatos$datos[estilo]">$resultados[info3]</center></td>
                    <td width="250px" Class="tabladatos$datos[estilo]">$resultados[infon]</center></td>
                  </tr>
            </table>
            </td>
          </tr>
HTML;
    }
    echo <<< HTML
            <tr><td Class="tablatitulo" height="10px"></td></tr>
        </table>
HTML;
?>
 

con eso logras lo que pusiste en la imagen, debes incluir ademas un css que diga:

Código CSS:

.tablatitulo{
background:#000000;
}
.tabladatos1{
background:#F9F9F9;
}
.tabladatos2{
background:blue;
}
 

y listo con eso tienes tu objetivo.
sin enbargo si es tu primer proyecto estas escalando muy alto como dijo ipraetoriux te conbiene arrancar con algo mas basico.
si ya estas experimentado entonces puedes sumarle jqueri xajax asincronicos y demas cosas yo te paso el codigo php base para que encares el proyecto de ahora en mas queda en ti realizarlo ;)
saludos.