How to hide/remove checkbox from p-table header

Question

I used primeng p-table for multiple selection grid. I have requirement to select multiple row by clicking on each row checkbox. I have to hide/remove checkbox from ptable header.

Can I get solution for this. I have tried changing css styles but couldn't able to hide checkbox in header of ptable. thanks in advance.

Bad tagging, remove the wrong tag. Please 'know' what you use.... — Kukeltje, Aug 29 '17 at 11:29
Wrong correction... I removed PrimeNG from the title since there is no need to add 'tags' to the title. Click the PrimeFaces tag. Read the info and check if you use that — Kukeltje, Aug 29 '17 at 16:48
Thanks for corrections kukeltje. I have posted for the first time so. — Shridhara M N, Aug 30 '17 at 04:28
I have found solution for above question. Below code is solution for the same. — Shridhara M N, Aug 30 '17 at 04:30

Carsten · Answer 1 · 2017-08-29T05:41:01.240

0

For adding and removing elements, Angular has the *ngIf="" directive.

Edit: When scrolling through the documentation (here), i read that the column has a hidden property. Use that.

hidden  boolean false   Controls visiblity of the column.

edited Aug 29 '17 at 05:41

answered Aug 29 '17 at 05:33

Carsten

4,005
21
28

Thanks for the response. I tried having *ngIf for tag, i think primeng won't support that feature. I need checkbox in each row but not in p-table header. – Shridhara M N Aug 29 '17 at 05:37

score 0 · Answer 2 · edited May 25 '21 at 08:13

0

The best way to remove "Checkbox" from header is through styles.

Check the dom tree for style hierarchy and as per your code modify below code to suits your hierarchy. Typical hierarchy as below.

th.p-selection-column .p-checkbox {
    display: none;
}

edited May 25 '21 at 08:13

Josef

2,869
2
22
23

answered May 24 '21 at 11:46

MANISH PARGANIHA

142
1
3

How to hide/remove checkbox from p-table header

2 Answers2