Carlita » Blog Archive » CSS para datatables en YUI

CSS para datatables en YUI

agosto18

Para darle estilo a los widgets de YUI, en este caso datatable, usted tiene dos opciones:

–>Usar el estilo por defecto para la tabla

–>O usted, conociendo la estructura de la tabla como fue de definida, con esos mismos nombres de clase, darle un efecto personalizado.

Para ello:

Si desea usar el estilo por defecto, aplique el nombre de la clase yui-skin-sam al elemento que represente un parent del elemento en el que la tabla se encuentra situada, usualmente se pone esta clase en el tag <body> , como se indica en la página http://developer.yahoo.com/yui/datatable/:



	

<body class="yui-skin-sam">




Y de esta manera toma este css ya definido.

Si desea personalizar su tabla (datatable YUI), agregue como usualmente con cualquier otro elemento de la página, en el tag style, el estilo que quiera definir para cada parte de la tabla.
Así:
<style type="text/css">
 .yui-skin-sam{color:red;}
 .yui-dt-first{background-color:yellow;}
 .yui-dt-last{background-color:blue;}
</style>

Fuentes:
http://developer.yahoo.com/yui/datatable/

Carla Salvatierra Arellano

posted under Grupo DAW