dataTable's styleClass doesn't apply style

[ccastro333]

Hi, I have a styleClass defined for dataTable's rows. But not all properties are correctly applied. Font styles are, but borders don't. I have a complex structure within each row, and I'm using an html table. And ungly borders are shown. panelGrid also displays borders (and it has an explicit border attribute). Is it an issue, or I'm doing something wrong?
I'm using M2

[bercolax]

Try the below style - Example usage

Code: Select all

  <p:dataTable styleClass="noborder"

Code: Select all

         
             .noborder  .ui-datatable-data td, .ui-datatable .ui-datatable-data-empty td {
                border:none;
            }

[ccastro333]

Thank you bercolax. Worked!

[ccastro333]

Hello, I, trying to do the same as explained in this post, with dataGrid. I've tried

.midatagrid .ui-datagrid-data table td, .ui-datagrid-content table td, .ui-datagrid div .ui-datagrid-data-empty td {
border:none;
background:white;
}

and I can have a white background in the columns inside the datagrid, but apparently the background of the enclosing div is not affected. The question is, how could I obtain a "completely* white dataGrid presentation? Except for header, of course.

And, by the way, in IE8 even the white background for columns doesn't work

Thanks

[ccastro333]

Hello,
I reopen this post because I'm still having trouble with datagrid. The desired behavior is removing all borders. Thanks