A ver..
Código PHP:
--creamos la bd
Create database demo;
Use demo;
--Creamos la tabla
CREATE TABLE `usuarios` (
`id` INT(10) NULL AUTO_INCREMENT,
`nom` VARCHAR(50) NULL,
PRIMARY KEY (`id`)
)
COLLATE='utf8_general_ci'
ENGINE=MyISAM
ROW_FORMAT=DEFAULT
--insertamos valores
INSERT INTO `usuarios` (`nom`) VALUES ('pedro');
INSERT INTO `usuarios` (`nom`) VALUES ('maria');
Descargas el paquete jquerydatatables y jquery claro
Y añades jquery.dataTables.js
• jquery-ui-1.8.4.custom.css
• demo_table_jui.css
• demo_table.css
• inicializas jquery y añades :
<script type="text/javascript">
$(document).ready(function($){
$('#listado').dataTable(
{"bJQueryUI": true,
"sPaginationType": "full_numbers"
})
});
</script>
<?php
//conexion
$cn="localhost";
$user="usuario";
$pass="clave";
$bd="demo";
$sql="SELECT * from usuarios;";
$consulta=mysql_query($sql,$cn) or die(mysql_error());
?>
<table id="listado">
<thead>
<tr>
<th>id</th>
<th>Nombres</th>
</tr>
</thead>
<tbody>
<?php
while($registro=mysql_fetch_array($consulta))
{
?>
<tr>
<td><?= $registro[0]; ?></td>
<td><?= $registro[1]; ?></td>
</tr>
<?php
}
?>
<tbody>
</table>