title: Angular Ag-Grid: Add PrimeNg P-dropdown as html element in Ag Grid cells
body: <p>How to include basic HTML elements in Ag-Grid cells.</p>
  <p>Below is my html PrimeNg p-dropdown in <code>MyComponent.html</code></p>
  <p><code>&lt;p-dropdown [options]=&quot;cars&quot; [(ngModel)]=&quot;selectedCar&quot; (click)=&quot;doSomething()&quot; [style]=&quot;{'width':'150px'}&quot;&gt;&lt;/p-dropdown&gt;</code></p>
  <p>And ag-grid now to be used to include above p-dropdown in one of the cells</p>
  <pre><code>&lt;ag-grid-angular #agGrid style=&quot;width: 100%; height: 350px;&quot; class=&quot;ag-theme-alpine&quot;
  [gridOptions]=&quot;gridOptions&quot;
  [rowData]=&quot;rowData&quot;
  [columnDefs]=&quot;columnDefs&quot;&gt;
  &lt;/ag-grid-angular&gt;
  </code></pre>
  <p>And below is the code in <code>MyComponent.ts</code></p>
  <pre><code> this.columnDefs= [{
      headerName: 'Type',
      field: 'type',
      editable: true
     },
     {
      headerName: 'DropdownColumn'
      field: 'ddValue',
      cellEditor:'agRichSelectCellEditor',
      cellEditorParams: function(params) {
      
      },
      cellRenderer: function(params) {
       'What to do here'
      }
  ]
  </code></pre>
  <p>How to include any HTML elements of Angular(including ng-model + click functions) in any Ag-Grid cells</p>