Colorize - Plugin de jQuery para tablas

Para ver una demostracion
Para ver otras ver la pagina del autor

Colorize es un plugin Para Jquery que hace un efecto interesante sobre tablas con un highliter agradable y se puede seleccionar tanto columnas como filas.
Para usar debes descargar el plugin.


Luego de hacer la llamada de JQuery y del plugin, usar el codigo

$('#idTabla').colorize() ;

reemplazando el texto "idTabla" por la id de la tabla.

Propiedades

altColor : color con el q se alterna el "bgColor" de fondo. Por defecto es '#ECF6FC', se peude usar 'none' para no poner un fondo alternado.

bgColor : Color de fondo de la tabla(Por defecto es blanco).

hoverColor : color de fondo cuando se pasa el cursor ensima de una fila. Por defecto es '#BCD4EC'.

hoverClass: Estilo de clase cuando se pasa el cursor por la fila; Tiene prioridad sobre "hoverColor".

hiliteColor : Color de fondo cuando haces click en una fila. Pro defecto es amarillo. Puede usarse 'none' para desactivar el reslatado.

hiliteClass : Estilo de clase para usarse cuando se da click en una fila o columna, Tiene prioridad sobre "hiliteColor".

columns : true/false/'hover'/'rowHover' - Por defecto es false. El valor por defecto es false. si es true, resalta las columnas en lugar de filas. Si el valor es 'hover', una columna se resalta con mouseover, pero no responde al hacer clic. En lugar de ello, se destaca una fila al hacer clic. Si el valor es 'rowHover', se destaca una fila con mouseover, y una columna se resalta al hacer clic.

oneClick : true/false - Permite sólo una fila o columna que se destacó a la vez. Un clic en una nueva fila / columna se cancela el anterior resalto. El valor por defecto es false.

banColumns :[]- Evita que las columnas de algunos que se destacan al hacer clic, y también con mouseover. se le debe indicar el indice de columna como argumento. Un valor de 'last' puede ser utilizado para prohibir la última columna.

banDataClick :true/false - si es true, sólo puedes hacer clic en cabecera de la tabla filas. El valor por defecto es false.

ignoreHeaders :true/false - Si es true, las cabeceras no pueden ser resaltadas. (sin bandas). El valor por defecto es true.

nested :true/false . Por defecto es falso. Solo utilicelo para tablas anidadas.


Las propiedades se aplican entre llaves. Ejemplos:

$('#idTabla').colorize({bgColor:'#EAF6CC', hoverColor:'green', hiliteColor:'red'});

$('#idTabla').colorize({ oneClick:true});

$('#idTabla').colorize({columns:true, banColumns :[0,1]});

$('#idTabla').colorize({ hiliteClass:'myStyle'});



Sin resaltar:

$('#idTabla').colorize( { hiliteColor:'none' } );

En lo personal me ayudo para mejorar la presentación de unas tablas y darles un poco de diseño.