[APORTE]Creacion de tablas dinamicas(MySQL) orientadas a la muestra de datos

[rudy69]

Bajar primero las tablas para que les corran los ejemplos!! e instalarlas y hacer que la clase MySQL les conecte a su BD o les furule :P

Muestra del ejemplo dos: http://hosting.deimagenes.com/imagen...f820f1a17d.JPG

Muestra del ejemplo uno: http://hosting.deimagenes.com/imagen...f5210b0266.JPG

Manual xDDD:
Type es un array que define el tipo de la colunma, existen: text, pre_f, int, float, auto_inc si no es ninguno de estos se toma como el nombre de una function(col_nom1, col_nom2 .... ), tambien acepta valores constantes(no debe ser un nombre de colunma de la BD)
Text: sustituye directamente el valor en la BD directamente.
Int: usa la funcion number_format, para aplicarle formato al resultado
Float: usa la funcion number_format, para aplicarle formato al resultado con decimal
auto_inc: obvio? xD
pre_f: se divide en dos el string por el simbolo "~", al lado izquierdo los nombres de columna de la BD separados por una coma "," y al lado derecho el string, las palabras a sustituir se identifican: el nombre de columna con el signo de "@" al inicio ejem: @nombre_col
Format es un array, que contiene los datos a mostrar columna por columna sustituyendo el valor por el que se encuentra en la base de datos, como? usando el nombre de la colunma en la BD como identificador

es sumamente dificil de explicar pero de facil uso una vez entendido, en mi caso me ayuda mucho, me sirve mucho cuando necesitas imprimir muchas tablas mostrando datos de la BD

esta hecha con el unico fin de mostrar datos en forma de tabla de una BD,


podes agregar este codigo para el formato de las tablas, tmb podes agregar stylos, o los podes desactivar, el uso de paginacion en este caso seria externo, uff mucho, la hice especialmente para mi, pero la he querido compartir espero que les sirva al menos a uno XDDDDD, si les interesa mas puedo hablar, preguntas xDD??

Código HTML:

<style>
table.datos {
  border-collapse: collapse;
  border: 1px solid #03476F;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #363636;
  }
caption.datos {
  text-align: center;
  font: bold 18px arial, helvetica, sans-serif;
  background: transparent;
  padding:6px 4px 8px 0px;
  color: #03476F;
  text-transform: uppercase;
  }
.datos td, th {
  border: 1px dotted #03476F;
  padding: .4em;
  color: #363636;
  }

thead th, tfoot th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 1px solid #03476F;
  text-align: center;
  background: #4591AD;
  color: #FFFFFF;
  padding-top:3px;
  }
tbody th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  text-align: left;
  color: #363636;
  }
tbody td a {
  background: transparent;
  text-decoration: none;
  color: #363636;
  }
tbody th a {
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  text-decoration: underline;
  font-weight: bolder;
  color: #363636;
  }
tbody th, tbody td {
  vertical-align: top;
  }
tfoot td {
  border: 1px solid #03476F;
  background: #4591AD;
  padding-top:3px;
  color: #FFFFFF;
  }
tbody .even {
  background: #D5E7FB;
  }
tbody .odd {
  background: #E8F2FC;
  }
tbody .proceso {
  background: #669933;
  }
tbody .off {
  background: #FFFFFF;
  }
tbody .cancelado {
  background:  #FF3300;
  }
tbody tr.proceso:hover,
tbody tr.cancelado:hover,
tbody tr.even:hover,
tbody tr.odd:hover {
  background: #E0FAC5;
  color: #FFFFFF;
  }
</style>