title: Does anyone know how to add a row to PrimeNg DataTable
body: <p>I'm trying to add a new row to the current table so that I can have a row under the list of data that can have a save button and an insert to be done e.g. save phone number. I have added html comments of where the new row will go but not sure how to do it in PrimeNg.</p>
  
  <p>See the code below:</p>
  
  <pre><code>&lt;div class="m_datatable m-datatable m-datatable--default m-datatable--loaded"&gt;
      &lt;p-dataTable [value]="personPhone.phones"
                   emptyMessage="{{l('NoData')}}"
                   paginator="false"
                   rows="5"
                   tableStyleClass="m-datatable__table"&gt;
  
          &lt;p-column header="{{l('Actions')}}" [style]="{'width':'130px','text-align':'center'}"&gt;
              &lt;ng-template let-record="rowData" pTemplate="body"&gt;
                  &lt;button (click)="deletePhone(phone, personPhone)" class="btn btn-outline-danger m-btn m-btn--icon m-btn--icon-only m-btn--pill"&gt;
                      &lt;i class="fa fa-times"&gt;&lt;/i&gt;
                  &lt;/button&gt;
              &lt;/ng-template&gt;
          &lt;/p-column&gt;
  
          &lt;p-column header="{{l('PhoneType')}}"&gt;
              &lt;ng-template let-record="rowData" pTemplate="body"&gt;
                  {{getPhoneTypeAsString(record.type)}}
              &lt;/ng-template&gt;
          &lt;/p-column&gt;
  
          &lt;p-column header="{{l('PhoneNumber')}}"&gt;
              &lt;ng-template let-record="rowData" pTemplate="body"&gt;
                  {{record.number}}
              &lt;/ng-template&gt;
          &lt;/p-column&gt;
  
          &lt;!--New row to go here--&gt;
  
      &lt;/p-dataTable&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I Just want a row like this:</p>
  
  <pre><code>&lt;tr&gt;
      &lt;td&gt;
          &lt;button (click)="savePhone()" class="btn btn-sm btn-success"&gt;
              &lt;i class="fa fa-floppy-o"&gt;&lt;/i&gt;
          &lt;/button&gt;
      &lt;/td&gt;
      &lt;td&gt;
          &lt;select name="Type" [(ngModel)]="newPhone.type" class="form-control"&gt;
              &lt;option value="0"&gt;{{l("Mobile")}}&lt;/option&gt;
              &lt;option value="1"&gt;{{l("Home")}}&lt;/option&gt;
              &lt;option value="2"&gt;{{l("Business")}}&lt;/option&gt;
          &lt;/select&gt;
      &lt;/td&gt;
      &lt;td&gt;&lt;input type="text" name="number" [(ngModel)]="newPhone.number" class="form-control" /&gt;&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>