marcar fila tabla al pulsar

[NeoAres]

Tengo una tabla en un formulario JSF la cual funciona bien pero me gustaría resolver como puedo resaltar en rojo la fila en la que se pulsa el botón borrar.
No se por donde empezar ya que no hay identificación por filas

Código Java:

<h:form>
                <h:dataTable border="1" value="#{personasJpaController.getListaPersonas()}" var="pform">
                    <h:column>
                        <f:facet name="header">
                            <h:outputText value="Id"/>
                        </f:facet>
                        <h:outputText value="#{pform.id}"/>
                    </h:column>
                    <h:column>
                        <f:facet name="header">
                            <h:outputText value="Nombres"/>
                        </f:facet>
                        <h:outputText value="#{pform.nombres}"/>
                    </h:column>
                    <h:column>
                        <f:facet name="header">
                            <h:outputText value="Apellidos"/>
                        </f:facet>
                        <h:outputText value="#{pform.apellidos}"/>
                    </h:column>
                    <h:column>
                        <f:facet name="header">
                            <h:outputText value="Salario"/>
                        </f:facet>
                        <h:outputText value="#{pform.salario}"/>
                    </h:column>
                    <h:column>
                        <f:facet name="header">
                            <h:outputText value="Edad"/>
                        </f:facet>
                        <h:outputText value="#{pform.edad}"/>
                    </h:column>
                    <h:column>
                        <f:facet name="header">
                        </f:facet>
                        <h:commandButton value="Borrar" action="#{personasJpaController.destroy(pform.id)}"/>
                    </h:column>
                </h:dataTable>
            </h:form>
 

Un saludoooooooo

[pzin]

Yo no veo ningún código HTML o CSS ahí.

Pero seguramente acabes utilizando JavaScript para conseguir lo que quieres, porque en CSS, si se puede lograr es muy muy engorroso. Si quieres te muevo el tema al foro de JavaScript.

[NeoAres]

Iniciado por pzin

Yo no veo ningún código HTML o CSS ahí.

Pero seguramente acabes utilizando JavaScript para conseguir lo que quieres, porque en CSS, si se puede lograr es muy muy engorroso. Si quieres te muevo el tema al foro de JavaScript.

Como veas conveniente porque no se como hacerlo xD

Gracias

[NeoAres]

Me da error pero al menos es un intento xD, quizás me acerque a la solución

Código Java:

<h:dataTable border="1" value="#{personasJpaController.getListaPersonas()}" var="pform">
                    <h:column id="#{pform.id}">
                        <f:facet name="header">
                            <h:outputText value="Id"/>
                        </f:facet>
                        <h:outputText value="#{pform.id}"/>
                    </h:column>
                    <h:column id="#{pform.id}">
                        <f:facet name="header">
                            <h:outputText value="Nombres"/>
                        </f:facet>
                        <h:outputText value="#{pform.nombres}"/>
                    </h:column>
                    <h:column id="#{pform.id}">
                        <f:facet name="header">
                            <h:outputText value="Apellidos"/>
                        </f:facet>
                        <h:outputText value="#{pform.apellidos}"/>
                    </h:column>
                    <h:column id="#{pform.id}">
                        <f:facet name="header">
                            <h:outputText value="Salario"/>
                        </f:facet>
                        <h:outputText value="#{pform.salario}"/>
                    </h:column>
                    <h:column id="#{pform.id}">
                        <f:facet name="header">
                            <h:outputText value="Edad"/>
                        </f:facet>
                        <h:outputText value="#{pform.edad}"/>
                    </h:column>
                    <h:column>
                        <f:facet name="header">
                        </f:facet>
                        <h:commandButton onclick="document.'#{pform.id}'.style='background-color: red'" value="Borrar" action="#{personasJpaController.destroy(pform.id)}"/>
                    </h:column>
                </h:dataTable>
            </h:form>
 

A cada columna de la misma fila le he dado la misma id que la id de pform, por lo tanto al momento de crearse el botón también le da la id de la misma fila, entonces al pulsarle cambia el color de fondo de la id de su fila
Aunque no funciona jaja

Pone "Empty id attribute is not allowed"