{"id":106,"date":"2010-08-18T22:20:40","date_gmt":"2010-08-19T03:20:40","guid":{"rendered":"http:\/\/blog.espol.edu.ec\/carlita\/?p=106"},"modified":"2010-09-29T20:24:48","modified_gmt":"2010-09-30T01:24:48","slug":"css-para-datatables-en-yui","status":"publish","type":"post","link":"https:\/\/blog.espol.edu.ec\/carlita\/2010\/08\/18\/css-para-datatables-en-yui\/","title":{"rendered":"CSS para datatables en YUI"},"content":{"rendered":"

Para darle estilo a los widgets de YUI, en este caso datatable, usted tiene dos opciones:<\/p>\n

-->Usar el estilo por defecto para la tabla<\/p>\n

-->O usted, conociendo la estructura de la tabla como fue de definida, con esos mismos nombres de clase, darle un efecto personalizado.<\/p>\n

Para ello:<\/p>\n

Si desea usar el estilo por defecto<\/strong>, aplique el nombre de la clase\u00a0 yui-skin-sam<\/code> 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><\/code> , como se indica en la p\u00e1gina http:\/\/developer.yahoo.com\/yui\/datatable\/:<\/p>\n

\n
\r\n
    \r\n\r\n\t
  1. \r\n\r\n
    <body class=\"yui-skin-sam\"><\/div><\/li>\r\n\r\n<\/ol>\r\n\r\n\r\nY de esta manera toma este css ya definido.\r\n\r\nSi desea personalizar su tabla (datatable YUI)<\/strong>, agregue como usualmente con cualquier otro elemento de la p\u00e1gina, en el tag style, el estilo que quiera definir para cada parte de la tabla.\r\nAs\u00ed:\r\n<style type=\"text\/css\">\r\n .yui-skin-sam{color:red;}\r\n .yui-dt-first{background-color:yellow;}\r\n .yui-dt-last{background-color:blue;}\r\n<\/style>\r\n\r\nFuentes:<\/strong>\r\nhttp:\/\/developer.yahoo.com\/yui\/datatable\/\r\n\r\nCarla Salvatierra Arellano<\/pre>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
    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, […]<\/p>\n","protected":false},"author":3419,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22794],"tags":[],"class_list":["post-106","post","type-post","status-publish","format-standard","hentry","category-grupo-daw"],"_links":{"self":[{"href":"https:\/\/blog.espol.edu.ec\/carlita\/wp-json\/wp\/v2\/posts\/106","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.espol.edu.ec\/carlita\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.espol.edu.ec\/carlita\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/carlita\/wp-json\/wp\/v2\/users\/3419"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/carlita\/wp-json\/wp\/v2\/comments?post=106"}],"version-history":[{"count":8,"href":"https:\/\/blog.espol.edu.ec\/carlita\/wp-json\/wp\/v2\/posts\/106\/revisions"}],"predecessor-version":[{"id":124,"href":"https:\/\/blog.espol.edu.ec\/carlita\/wp-json\/wp\/v2\/posts\/106\/revisions\/124"}],"wp:attachment":[{"href":"https:\/\/blog.espol.edu.ec\/carlita\/wp-json\/wp\/v2\/media?parent=106"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/carlita\/wp-json\/wp\/v2\/categories?post=106"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/carlita\/wp-json\/wp\/v2\/tags?post=106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}