Base solution for your next web application
Starts in:
01 DAYS
01 HRS
01 MIN
01 SEC
Open Closed

How to apply p-autocomplete inside p-table #7836


User avatar
0
sophoana created

Hi support

How to apply p-autocomplete inside p-table

HTML file:

<span class="colour" style="color: rgb(201, 44, 44);"><span class="colour" style="color: rgb(201, 44, 44);"><span class="colour" style="color: rgb(95, 99, 100);"><</span>td</span> <span class="colour" style="color: rgb(47, 156, 10);">pEditableColumn</span><span class="colour" style="color: rgb(95, 99, 100);">></span></span><span class="colour" style="color: rgb(0, 0, 0);"></span><span class="colour" style="color: rgb(201, 44, 44);"><span class="colour" style="color: rgb(201, 44, 44);"><span class="colour" style="color: rgb(95, 99, 100);"><</span>p-cellEditor</span><span class="colour" style="color: rgb(95, 99, 100);">></span></span><span class="colour" style="color: rgb(0, 0, 0);"></span><span class="colour" style="color: rgb(201, 44, 44);"><span class="colour" style="color: rgb(201, 44, 44);"><span class="colour" style="color: rgb(95, 99, 100);"><</span>ng-template</span> <span class="colour" style="color: rgb(47, 156, 10);">pTemplate</span><span class="colour" style="color: rgb(25, 144, 184);"><span class="colour" style="color: rgb(95, 99, 100);">="</span>input<span class="colour" style="color: rgb(95, 99, 100);">"</span></span><span class="colour" style="color: rgb(95, 99, 100);">></span></span><span class="colour" style="color: rgb(0, 0, 0);"></span><span class="colour" style="color: rgb(201, 44, 44);"><span class="colour" style="color: rgb(201, 44, 44);"><span class="colour" style="color: rgb(95, 99, 100);"><</span>p-dropdown</span> <span class="colour" style="color: rgb(47, 156, 10);">[options]</span><span class="colour" style="color: rgb(25, 144, 184);"><span class="colour" style="color: rgb(95, 99, 100);">="</span>brands<span class="colour" style="color: rgb(95, 99, 100);">"</span></span> <span class="colour" style="color: rgb(47, 156, 10);">[(ngModel)]</span><span class="colour" style="color: rgb(25, 144, 184);"><span class="colour" style="color: rgb(95, 99, 100);">="</span>rowData.brand<span class="colour" style="color: rgb(95, 99, 100);">"</span></span> <span class="colour" style="color: rgb(47, 156, 10);">[style]</span><span class="colour" style="color: rgb(25, 144, 184);"><span class="colour" style="color: rgb(95, 99, 100);">="</span>{<span class="colour" style="color: rgb(95, 99, 100);">'</span>width<span class="colour" style="color: rgb(95, 99, 100);">'</span>:<span class="colour" style="color: rgb(95, 99, 100);">'</span>100%<span class="colour" style="color: rgb(95, 99, 100);">'</span>}<span class="colour" style="color: rgb(95, 99, 100);">"</span></span><span class="colour" style="color: rgb(95, 99, 100);">></span><span class="colour" style="color: rgb(201, 44, 44);"><span class="colour" style="color: rgb(95, 99, 100);"></</span>p-dropdown</span><span class="colour" style="color: rgb(95, 99, 100);">></span></span><span class="colour" style="color: rgb(0, 0, 0);"></span><span class="colour" style="color: rgb(201, 44, 44);"><span class="colour" style="color: rgb(201, 44, 44);"><span class="colour" style="color: rgb(95, 99, 100);"></</span>ng-template</span><span class="colour" style="color: rgb(95, 99, 100);">></span></span><span class="colour" style="color: rgb(0, 0, 0);"></span><span class="colour" style="color: rgb(201, 44, 44);"><span class="colour" style="color: rgb(201, 44, 44);"><span class="colour" style="color: rgb(95, 99, 100);"><</span>ng-template</span> <span class="colour" style="color: rgb(47, 156, 10);">pTemplate</span><span class="colour" style="color: rgb(25, 144, 184);"><span class="colour" style="color: rgb(95, 99, 100);">="</span>output<span class="colour" style="color: rgb(95, 99, 100);">"</span></span><span class="colour" style="color: rgb(95, 99, 100);">></span></span><span class="colour" style="color: rgb(0, 0, 0);">{{rowData.brand}}</span><span class="colour" style="color: rgb(201, 44, 44);"><span class="colour" style="color: rgb(201, 44, 44);"><span class="colour" style="color: rgb(95, 99, 100);"></</span>ng-template</span><span class="colour" style="color: rgb(95, 99, 100);">></span></span><span class="colour" style="color: rgb(0, 0, 0);"></span><span class="colour" style="color: rgb(201, 44, 44);"><span class="colour" style="color: rgb(201, 44, 44);"><span class="colour" style="color: rgb(95, 99, 100);"></</span>p-cellEditor</span><span class="colour" style="color: rgb(95, 99, 100);">></span></span><span class="colour" style="color: rgb(0, 0, 0);"></span><span class="colour" style="color: rgb(201, 44, 44);"><span class="colour" style="color: rgb(201, 44, 44);"><span class="colour" style="color: rgb(95, 99, 100);"></</span>td</span><span class="colour" style="color: rgb(95, 99, 100);">></span></span>


2 Answer(s)
  • User Avatar
    0
    ismcagdas created
    Support Team

    Hi @sophoana

    Did you find a solution to this ? You can check PrimeNG's Github repo as an alternative.

  • User Avatar
    0
    ismcagdas created
    Support Team

    This issue is closed because it has not had recent activity for a long time.