如何从 p-table 标题中隐藏/删除复选框

Question

我使用primeng p-table 进行多选网格。我需要通过单击每行复选框来选择多行。我必须从 ptable 标题中隐藏/删除复选框。

我能得到解决方案吗？我尝试更改 css 样式，但无法隐藏 ptable 标题中的复选框。提前致谢。

Answer 1

对于添加和删除元素，Angular 有 *ngIf="" 指令。

编辑：当滚动浏览文档 (here) 时，我读到该列具有隐藏属性。使用它。

hidden  boolean false   Controls visiblity of the column.

Answer 2

从标题中删除“复选框”的最佳方法是通过样式。

检查 样式层次结构 的 dom 树，并根据 您的代码修改下面的代码 以适合您的层次结构。典型的层次结构如下。

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