PrimeNG table - cells editable by default

UI Components for Angular
Post Reply
Mateluta
Posts: 1
Joined: 17 Nov 2020, 14:04

17 Nov 2020, 14:10

Does someone know how to set all cells in my table editable by default? Currently after clicking on a cell it becomes editable... I'd like to have all cells in my table by default editable (in edit state) when my table is loaded in Angular. The purpose? I want to set a css border of input element inside of my <td></td>

Code: Select all

<td *ngIf="values" class="ellipsis" pEditableColumn>
            <p-cellEditor>
              <ng-template pTemplate="input">
                <editor
                  class="document-tag__editor"
                  [(ngModel)]="rowData.value"
                  [init]="{
                base_url: '/tinymce',
                suffix: '.min',
                inline: true,
                height: 500,
                menubar: false,
                toolbar:
                  'subscript superscript'
                }"></editor>
              </ng-template>
              <ng-template pTemplate="output">
                {{removeAllHtmlTagsFromString(rowData.value) | truncateValue: 40}}
              </ng-template>
            </p-cellEditor>
          </td>

Post Reply

Return to “PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 3 guests