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

Question

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

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

Answer 1

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

编辑：滚动浏览文档（此处）时，我读到该列具有隐藏属性。用那个。

hidden  boolean false   Controls visiblity of the column.

Answer 2

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

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

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