![\"\"](\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2023\/08\/color-grid00.jpg?ssl=1\")
<\/a><\/figure>\n\n\n\nIngresamos el identificador est\u00e1tico en la grilla interactiva como: igemp<\/strong>. <\/p>\n\n\n\n Colocamos en propiedades de la p\u00e1gina en CSS Inline: <\/p>\n\n\n\n Podemos agregar estilos a todas las filas con la clase a-GV-row<\/strong> y las clases is-selected<\/strong>, is-hover<\/strong>, is-active, is-focused, is-deleted, is-inserted, is-updated<\/strong>, y is-error state modifier<\/strong>. <\/p>\n\n\n\n Adem\u00e1s, podemos agregar estilos a celdas con una clase a-GV-cell<\/strong> y las clases is-changed<\/strong>, is-error state modifier<\/strong>. <\/p>\n\n\n\n Por ejemplo, con el CSS anterior al agregar una fila se pinta la fila de color verde:<\/p>\n\n\n\n Si editamos una fila, la fila se pinta de celeste:<\/p>\n\n\n\n Si suprimimos una fila se pinta de rosado:<\/p>\n\n\n\n Tambi\u00e9n tenemos la forma de utilizar tabla (table) y filas (tr) en el CSS: <\/p>\n\n\n\n Trabaja de la misma manera:<\/p>\n\n\n\n Espero sea de utilidad!<\/p>","protected":false},"excerpt":{"rendered":" En esta demostraci\u00f3n, estamos usando una cuadr\u00edcula interactiva de la tabla empleados para colorear las filas de la cuadr\u00edcula seg\u00fan la acci\u00f3n del usuario antes de guardar las operaciones. Por ejemplo, si agrega una fila que se pinte de un color. Si realiza una modificaci\u00f3n a una fila se pinte de otro color y siContinue reading “Uso de CSS en la Cuadr\u00edcula Interactiva”<\/span><\/a><\/p>","protected":false},"author":132749711,"featured_media":17511,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"{title}\n\n{excerpt}\n\n{url}","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"_wpas_customize_per_network":false,"jetpack_post_was_ever_published":false},"categories":[121913,121887,122137],"tags":[121903,121938,122158,121904],"class_list":["post-17493","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-oracle-apex","category-oracle-apex-23-1","tag-apex","tag-css","tag-cuadricula-interactiva","tag-oracle-apex","entry"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2023\/08\/portada-css-grilla.png?fit=2949%2C1735&ssl=1","jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paMvMS-4y9","amp_enabled":true,"_links":{"self":[{"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/posts\/17493","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/users\/132749711"}],"replies":[{"embeddable":true,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/comments?post=17493"}],"version-history":[{"count":13,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/posts\/17493\/revisions"}],"predecessor-version":[{"id":17640,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/posts\/17493\/revisions\/17640"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/media\/17511"}],"wp:attachment":[{"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/media?parent=17493"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/categories?post=17493"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/tags?post=17493"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}#igemp .a-GV-row.is-inserted .a-GV-cell { \n background-color: #A7EC5A;\n} \n#igemp .a-GV-row.is-updated .a-GV-cell { \n background-color: #6AECF5; \n} \n#igemp .a-GV-row.is-deleted .a-GV-cell { \n background-color: #F5B3C9;\n} \n<\/code><\/pre>\n\n\n\n<\/a><\/figure>\n\n\n\n<\/a><\/figure>\n\n\n\n<\/a><\/figure>\n\n\n\n.a-GV-table tr.is-inserted .a-GV-cell { \n background-color: #A7EC5A; \n} \n.a-GV-table tr.is-updated .a-GV-cell { \n background-color: #6AECF5; \n} \n.a-GV-table tr.is-deleted .a-GV-cell { \n background-color: #F5B3C9;\n} \n<\/code><\/pre>\n\n\n\n<\/a><\/figure>\n\n\n\n