dataTable inside a panelGrid

[mtrinidad]

The line (styleClass="form-group ui-panelgrid-blank") presents a problem, when I navigate between rows dataTable, the second row selected gets transparent, the problem is the "ui-panelgrid-blank" word.

Example:

<p:panelGrid columns="2"
columnClasses="ui-grid-col-11,ui-grid-col-1"
style="padding: 0px 0px;border:0px none; background-color:transparent;"
styleClass="form-group ui-panelgrid-blank"
layout="grid">

<p:dataTable id="myDataTable"
...
</p:dataTable>
<p:commandButton icon="ui-icon-plus"
title="Button"/>
</p:panelGrid>

[mtrinidad]

It's for the version 1.0.7

[mert.sincan]

This issue is related PrimeFaces core. For now, please try the following code;

Code: Select all

<style type="text/css">
    body .ui-panelgrid.ui-panelgrid-blank .ui-datatable tbody>tr.ui-state-hover {
        background-color: #e8e8e8;
    }
    body .ui-panelgrid.ui-panelgrid-blank .ui-datatable tbody>tr.ui-state-highlight {
        background-color: #E91E63;
    }
</style>