[FIXED] What is the correct way to use Tab View scrollable property?


I am using p-tabview and I want to implement scrollable property as stated in primeng site: https://www.primefaces.org/primeng/showcase/#/tabview

But I am getting an error stating Can’t bind to ‘scrollable’ since it isn’t a known property of ‘p-tabView’. Am I missing anything?

StackBlitz demo:

Reference code:

<div class="card">
 <p-tabView [scrollable]="true">
 <p-tabPanel header="Header 1"> Content 1 </p-tabPanel>
 <p-tabPanel header="Header 2"> Content 2 </p-tabPanel>
 <p-tabPanel header="Header 3"> Content 3 </p-tabPanel>
 <p-tabPanel header="Header 3"> Content 3 </p-tabPanel>


This issue was fixed lately at

So you need to use primeng version 12.1.1 or above

Answered By – Hau Nguyen

Answer Checked By – Candace Johnson (Easybugfix Volunteer)

Leave a Reply

(*) Required, Your email will not be published