https://bradleycarey.com/tags/primeng/ Recent content in PrimeNG on bradleycarey.com Hugo en Sat, 02 Sep 2023 22:22:18 -0400 https://bradleycarey.com/posts/primeng-table-conditional-column-editable/ Tue, 10 May 2022 16:11:00 -0400 https://bradleycarey.com/posts/primeng-table-conditional-column-editable/ <p>The <a href="https://primeng.org/table" class="external-link" target="_blank" rel="noopener">PrimeNG table</a> component is a powerful data visualization tool and is a great free alternative to <a href="https://www.ag-grid.com/" class="external-link" target="_blank" rel="noopener">AG Grid</a>.</p> <p>Table columns can be <a href="https://primeng.org/table#dynamic" class="external-link" target="_blank" rel="noopener">defined dynamically</a> using the <code>*ngFor</code> directive. However, if you do this there is no apparent way to conditionally mark a column as editable!</p> <p>There is actually an undocumented <code>pEditableColumnDisabled</code> boolean directive that can be used to control if a cell is editable or not. The only documented directives are <code>pEditableColumn</code> and <code>pEditableColumnField</code>.</p>