Remove datatable header with key

[Mehak]

Please guide me how can i remove datatable header with key.

[cagatay.civici]

Please provide more details about your requirement.

[Mehak]

i want to remove the headers of datatable i know how to do in CSS globally like that

.ui-datatable thead {
display: none
}

It works fine but it remove the headers from all the datatable of my application.
I just wanted to know is there any way to add key in css settings so that would help me to remove the datatable headers where is required.

[cagatay.civici]

But it will corrupt the visual state, why not hide the content of headers? I guess you can do it with a condition;

Code: Select all

<p-column styleClass="condition ? 'hidden-header': null"

Code: Select all

.hidden-header.th * {
   display:none
}

[Mehak]

Not working for me.

My scenario is simple i have two components A,B and both have datatable, In component A i want datatable with headers and in component B i don't want headers.