Summer Sale is here 🏖️ Get 50% off with code PRSM25 Learn More

Locale

Change the locale of the datepicker, schedule and client side validation messages.

Language
English
English
English
French
German
German
German
Italian
Korean
Spanish
Catalan
Dutch
Portuguese
Portuguese
Arabic
Arabic
Bulgarian
Bangla
Bosnian
Czech
Greek
Persian
Finnish
Danish
Hindi
Indonesian
Croatian
Japanese
Hungarian
Hebrew
Georgian
Central Kurdish
Khmer
Kyrgyz
Kazakh
Lithuanian
Latvian
Malay
Norwegian
Polish
Romanian
Russian
Slovak
Slovenian
Serbian
Serbian
Swedish
Thai
Turkish
Ukrainian
Uzbek
Vietnamese
Chinese
Chinese

Input Style

Themes

PrimeOne
Saga Blue Saga Blue
Vela Blue Vela Blue
Arya Blue Arya Blue
Bootstrap
Bootstrap Blue Light Bootstrap Blue Light
Bootstrap Purple Light Bootstrap Purple Light
Bootstrap Blue Dark Bootstrap Blue Dark
Bootstrap Purple Dark Bootstrap Purple Dark
Material Design
Material Indigo Light Material Indigo Light
Material Deep Purple Light Material Deep Purple Light
Material Indigo Dark Material Indigo Dark
Material Deep Purple Dark Material Deep Purple Dark
Material Design Compact
Material Compact Indigo Light Material Compact Indigo Light
Material Compact Deep Purple Light Material Compact Deep Purple Light
Material Compact Indigo Dark Material Compact Indigo Dark
Material Compact Deep Purple Dark Material Compact Deep Purple Dark
Legacy
Nova Light Nova Light
Nova Dark Nova Dark
Nova Colored Nova Colored
Luna Amber Luna Amber
Luna Blue Luna Blue
Luna Green Luna Green
Luna Pink Luna Pink

DataTable Scroll

Both vertical and horizontal scrolling of the data is supported with optional frozen rows-columns and on-demand loading features.

Vertical
NameCountryRepresentativeStatus
Smith C MorascaAustraliaAsiya Javayant NEW
Claire A MaletFranceXuxue Feng RENEWAL
Rodrigues N OstroskyRussiaStephen Shaw QUALIFIED
Maisha D AlbaresFranceBernardo Dominic NEW
Claire H OstroskyIndiaAnna Fali PROPOSAL
Antonio S MarrierArgentinaXuxue Feng UNQUALIFIED
Maria N DilliardUnited KingdomIoni Bowcher NEGOTIATION
Alejandro E MacleadSpainAnna Fali RENEWAL
Jeanfrancois B GauchoSpainAnna Fali NEGOTIATION
Isabel I AlbaresItalyBernardo Dominic PROPOSAL
Murillo I OldroydGermanyAsiya Javayant QUALIFIED
Sinclair V ButtBrazilBernardo Dominic NEW
Jones D SaylorsArgentinaAsiya Javayant PROPOSAL
Aditya F ChuiCanadaElwin Sharvill NEW
Deepesh X VenereRussiaXuxue Feng QUALIFIED
Johnson D VenereJapanXuxue Feng NEGOTIATION
Rodrigues H TollnerGermanyAsiya Javayant PROPOSAL
Johnson I MaletSpainXuxue Feng RENEWAL
Adams A RulapaughFranceXuxue Feng NEGOTIATION
Arvin S NestleGermanyStephen Shaw UNQUALIFIED
Ricardo R CaldareraBrazilAmy Elsner PROPOSAL
Costa W FigeroaBrazilAsiya Javayant QUALIFIED
Salvatore M GauchoSpainElwin Sharvill UNQUALIFIED
Sinclair M MacleadGermanyOnyama Limba QUALIFIED
Ashley K InouyeFranceIvan Magalhaes RENEWAL
Cody S SchemmerRussiaXuxue Feng PROPOSAL
Aika N MarrierSpainStephen Shaw QUALIFIED
James M KolmetzArgentinaAnna Fali RENEWAL
Greenwood N MarrierJapanIoni Bowcher UNQUALIFIED
Ricardo Q RoysterItalyXuxue Feng NEGOTIATION
Sinclair M IturbideIndiaElwin Sharvill NEGOTIATION
Jeanfrancois K WieserBrazilXuxue Feng RENEWAL
Rodrigues V WaycottRussiaAsiya Javayant RENEWAL
Aditya C FollerItalyBernardo Dominic RENEWAL
Kaitlin W DoeItalyAsiya Javayant NEW
James I StensethFranceElwin Sharvill UNQUALIFIED
Jones O AmigonSpainAmy Elsner RENEWAL
Stacey E MaletItalyAnna Fali PROPOSAL
Nicolas M DilliardJapanIvan Magalhaes UNQUALIFIED
Silvio Q WhobreyJapanOnyama Limba RENEWAL
Mayumi V KuskoGermanyAmy Elsner UNQUALIFIED
Juan Q BowleyRussiaOnyama Limba RENEWAL
Francesco E NestleFranceIoni Bowcher NEGOTIATION
Antonio H BowleyJapanXuxue Feng NEGOTIATION
Greenwood S MaletIndiaStephen Shaw UNQUALIFIED
Nicolas K BologniaIndiaElwin Sharvill QUALIFIED
Munro M WieserGermanyAnna Fali NEW
Salvatore R BriddickArgentinaOnyama Limba NEGOTIATION
Darci E TollnerAustraliaStephen Shaw NEGOTIATION
Leon X CaldareraItalyOnyama Limba RENEWAL
Horizontal
NameCountryRepresentativeStatus
Tony D ShinkoCanadaOnyama Limba NEW
Isabel R RoysterAustraliaAnna Fali RENEWAL
Jefferson I RoysterArgentinaAsiya Javayant NEGOTIATION
Jones X FollerFranceIvan Magalhaes NEGOTIATION
Chavez I DarakjyJapanAmy Elsner QUALIFIED
Darci Q ButtGermanyStephen Shaw QUALIFIED
Maisha S PaprockiBrazilAnna Fali NEGOTIATION
Izzy Y CaldareraBrazilAsiya Javayant QUALIFIED
Ricardo H FollerJapanIvan Magalhaes RENEWAL
Cody N StensethJapanXuxue Feng NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Arvin Y SergiUnited Kingdom2025-07-26Dorl, James J Esq NEGOTIATION41Stephen Shaw
1001Faith S FollerArgentina2025-07-28Truhlar And Truhlar Attys RENEWAL16Xuxue Feng
1002James E VocelkaIndia2025-08-10Truhlar And Truhlar Attys RENEWAL26Stephen Shaw
1003Jennifer N RulapaughBrazil2025-08-12Rousseaux, Michael Esq NEW66Stephen Shaw
1004Octavia K IturbideBrazil2025-07-22Rousseaux, Michael Esq PROPOSAL55Ioni Bowcher
1005Faith V VocelkaArgentina2025-07-15Buckley Miller Wright RENEWAL42Onyama Limba
1006Arvin R FigeroaIndia2025-08-02Chanay, Jeffrey A Esq NEW94Bernardo Dominic
1007Sinclair V GauchoIndia2025-08-10King, Christopher A Esq NEW47Xuxue Feng
1008Octavia M GillianItaly2025-07-30Dorl, James J Esq RENEWAL22Ioni Bowcher
1009Darci P OldroydArgentina2025-08-01Feiner Bros NEGOTIATION48Asiya Javayant
1010Arvin Y StensethBrazil2025-08-12Chapman, Ross E Esq UNQUALIFIED57Stephen Shaw
1011Maria H CampainUnited Kingdom2025-08-12Printing Dimensions NEW7Anna Fali
1012Maria A AmigonAustralia2025-07-28King, Christopher A Esq PROPOSAL27Anna Fali
1013Ivar L SergiFrance2025-08-01Chapman, Ross E Esq QUALIFIED48Onyama Limba
1014Mayumi L CampainGermany2025-07-31Morlong Associates NEGOTIATION82Anna Fali
1015Salvatore G VenereIndia2025-08-04Chanay, Jeffrey A Esq QUALIFIED0Anna Fali
1016Stacey W KolmetzFrance2025-07-14Dorl, James J Esq NEGOTIATION18Amy Elsner
1017Mujtaba G MacleadBrazil2025-07-21Morlong Associates PROPOSAL38Onyama Limba
1018Emily O ButtBrazil2025-07-20Chemel, James L Cpa NEW14Xuxue Feng
1019Izzy A StensethItaly2025-08-04Chanay, Jeffrey A Esq NEW27Bernardo Dominic
1020Darci N BriddickGermany2025-07-17Feiner Bros NEGOTIATION28Amy Elsner
1021Misaki R RimGermany2025-07-22Rangoni Of Florence UNQUALIFIED12Xuxue Feng
1022Mujtaba I MacleadGermany2025-08-01Chemel, James L Cpa QUALIFIED18Onyama Limba
1023Johnson I MacleadItaly2025-08-12Feiner Bros RENEWAL19Elwin Sharvill
1024Kadeem C MaletUnited Kingdom2025-07-16Feltz Printing Service QUALIFIED72Stephen Shaw
1025Francesco F MaletArgentina2025-07-17King, Christopher A Esq UNQUALIFIED66Xuxue Feng
1026Nicolas V NickaBrazil2025-07-27Printing Dimensions NEGOTIATION44Anna Fali
1027Octavia O InouyeItaly2025-07-19Benton, John B Jr PROPOSAL40Bernardo Dominic
1028Clifford B GarufiRussia2025-07-30Chapman, Ross E Esq RENEWAL30Xuxue Feng
1029Clifford M VenereCanada2025-07-24Dorl, James J Esq QUALIFIED87Ioni Bowcher
1030Octavia C CaudyCanada2025-07-19Chemel, James L Cpa QUALIFIED73Xuxue Feng
1031Aika R DilliardJapan2025-07-20Chapman, Ross E Esq UNQUALIFIED32Ivan Magalhaes
1032Murillo A MaletBrazil2025-07-30Printing Dimensions PROPOSAL0Stephen Shaw
1033Clifford M WieserItaly2025-07-15Chemel, James L Cpa UNQUALIFIED14Xuxue Feng
1034Alejandro Y SchemmerJapan2025-07-29Chemel, James L Cpa NEGOTIATION55Ioni Bowcher
1035Sinclair Z RimUnited Kingdom2025-08-09Chemel, James L Cpa RENEWAL97Anna Fali
1036Jennifer Z PaprockiRussia2025-07-19Feltz Printing Service RENEWAL54Ioni Bowcher
1037Julie Y RoysterRussia2025-08-03Truhlar And Truhlar Attys UNQUALIFIED4Stephen Shaw
1038Cody D DarakjyIndia2025-08-10Benton, John B Jr NEW84Onyama Limba
1039Jefferson X TollnerIndia2025-08-06Truhlar And Truhlar Attys QUALIFIED13Anna Fali
1040Julie G SchemmerCanada2025-08-05Chanay, Jeffrey A Esq NEGOTIATION69Onyama Limba
1041Stacey U FerenczIndia2025-07-16Commercial Press PROPOSAL89Xuxue Feng
1042Ricardo R CaudyUnited Kingdom2025-07-25Chanay, Jeffrey A Esq NEGOTIATION41Asiya Javayant
1043Adams R TollnerArgentina2025-08-10Buckley Miller Wright NEGOTIATION80Elwin Sharvill
1044Antonio O GillianRussia2025-07-17Printing Dimensions QUALIFIED24Xuxue Feng
1045Tony F DarakjyCanada2025-08-05Chapman, Ross E Esq UNQUALIFIED53Stephen Shaw
1046Salvatore E VenereFrance2025-07-21Buckley Miller Wright UNQUALIFIED73Ivan Magalhaes
1047Mayumi S MarrierBrazil2025-07-17Truhlar And Truhlar Attys PROPOSAL94Bernardo Dominic
1048Octavia Z StockhamRussia2025-07-14King, Christopher A Esq UNQUALIFIED47Stephen Shaw
1049Costa Y RutaJapan2025-07-28Feiner Bros NEGOTIATION34Ivan Magalhaes
Frozen Rows
NameCountryRepresentativeStatus
Jeanfrancois I ShinkoAustraliaIvan Magalhaes RENEWAL
Claire V PaprockiIndiaStephen Shaw RENEWAL
Leja Q FerenczSpainStephen Shaw QUALIFIED
Faith F RoysterArgentinaAsiya Javayant NEGOTIATION
Faith I BologniaAustraliaAnna Fali QUALIFIED
Stacey Y MaletUnited KingdomIvan Magalhaes UNQUALIFIED
Jennifer G ButtFranceElwin Sharvill NEGOTIATION
Munro L DilliardJapanElwin Sharvill RENEWAL
Kaitlin B VocelkaItalyOnyama Limba NEGOTIATION
Octavia M RoysterRussiaAnna Fali QUALIFIED
Aika A NickaSpainOnyama Limba UNQUALIFIED
Greenwood U RulapaughGermanyAnna Fali NEGOTIATION
Jeanfrancois Q MorascaBrazilIvan Magalhaes QUALIFIED
Izzy J TollnerRussiaAnna Fali RENEWAL
Maria M ButtItalyIvan Magalhaes QUALIFIED
Stacey O WaycottSpainElwin Sharvill NEGOTIATION
Maria A DoeRussiaAsiya Javayant NEW
Julie K WieserGermanyAnna Fali NEGOTIATION
Izzy G BologniaJapanAsiya Javayant NEGOTIATION
Izzy N InouyeGermanyIoni Bowcher QUALIFIED
James D WaycottGermanyIoni Bowcher RENEWAL
Wickens T GarufiCanadaAmy Elsner PROPOSAL
Claire K WieserAustraliaBernardo Dominic UNQUALIFIED
Faith Y FollerRussiaAnna Fali RENEWAL
Julie U BriddickCanadaIvan Magalhaes NEGOTIATION
Chavez Z PoquetteIndiaIoni Bowcher NEGOTIATION
Alejandro O SlusarskiItalyAnna Fali PROPOSAL
Cody D PoquetteGermanyIoni Bowcher RENEWAL
Adams I OldroydCanadaBernardo Dominic UNQUALIFIED
Clifford B AlbaresItalyAnna Fali PROPOSAL
Adams H RulapaughItalyStephen Shaw RENEWAL
Johnson A OstroskyArgentinaAmy Elsner UNQUALIFIED
Deepesh V SaylorsCanadaStephen Shaw NEGOTIATION
Julie V DilliardSpainIoni Bowcher NEW
Johnson V BriddickBrazilOnyama Limba PROPOSAL
Kadeem U MorascaFranceIvan Magalhaes UNQUALIFIED
Stacey V RoysterIndiaAmy Elsner UNQUALIFIED
Jennifer D OstroskyCanadaBernardo Dominic PROPOSAL
Mayumi P DoeUnited KingdomAmy Elsner NEW
Izzy Y WaycottArgentinaAmy Elsner QUALIFIED
Chavez F RutaFranceAnna Fali UNQUALIFIED
Misaki W PaprockiIndiaBernardo Dominic QUALIFIED
Leja T PaprockiGermanyXuxue Feng NEW
Silvio R CaudyJapanElwin Sharvill PROPOSAL
Jeanfrancois C MaletIndiaIvan Magalhaes RENEWAL
Ivar F GarufiSpainIoni Bowcher PROPOSAL
Nicolas F MaletFranceStephen Shaw RENEWAL
Darci E PoquetteItalyIoni Bowcher PROPOSAL
Aruna J MaletFranceXuxue Feng NEW
Octavia Q MorascaCanadaXuxue Feng NEW
Frozen Columns
Name
Chavez M Kolmetz
Stacey P Poquette
Murillo O Briddick
Isabel Z Maclead
Antonio R Morasca
Jones O Flosi
Chavez N Nicka
Ashley J Glick
Tony R Oldroyd
Faith U Marrier
James G Rulapaugh
Faith U Maclead
Leja L Campain
Mujtaba Q Caldarera
Aditya K Caldarera
Misaki Q Ruta
Sinclair A Bolognia
Nicolas M Stenseth
Clifford R Malet
Tony Y Malet
Leon E Ruta
Darci S Kusko
Claire O Whobrey
Maisha U Ruta
Jefferson R Inouye
Julie E Morasca
Jeanfrancois O Inouye
Claire Q Royster
Octavia S Dilliard
Ivar T Wieser
Deepesh M Campain
Faith U Briddick
Leon Y Marrier
Silvio B Caudy
Munro O Dilliard
Aruna E Marrier
Adams R Nicka
Kadeem L Venere
Aika A Kusko
Mayumi W Chui
Aruna S Schemmer
Maria Q Ferencz
Wickens H Ferencz
Antonio Y Briddick
Silvio E Foller
Costa K Maclead
Clifford D Shinko
Morrow L Whobrey
Emily J Saylors
Salvatore C Schemmer
IdCountryDate
1000India2025-08-04
1001Russia2025-08-08
1002Spain2025-07-22
1003France2025-07-16
1004France2025-08-07
1005Spain2025-08-08
1006Argentina2025-07-25
1007Russia2025-07-21
1008Spain2025-08-03
1009Argentina2025-07-15
1010Argentina2025-07-25
1011Japan2025-08-08
1012Spain2025-07-27
1013Brazil2025-08-07
1014Japan2025-07-22
1015Russia2025-07-17
1016Australia2025-08-02
1017Russia2025-07-27
1018Australia2025-08-01
1019Canada2025-08-07
1020Brazil2025-07-20
1021France2025-08-03
1022India2025-08-12
1023Australia2025-08-03
1024Canada2025-07-28
1025United Kingdom2025-08-11
1026United Kingdom2025-08-01
1027Brazil2025-07-28
1028Russia2025-07-28
1029United Kingdom2025-08-02
1030Brazil2025-07-19
1031Australia2025-07-29
1032Italy2025-07-16
1033Brazil2025-08-08
1034Germany2025-08-12
1035Spain2025-07-19
1036India2025-08-05
1037Australia2025-07-20
1038France2025-07-25
1039Canada2025-07-26
1040India2025-07-16
1041India2025-08-10
1042Italy2025-07-25
1043Canada2025-07-25
1044India2025-08-06
1045Germany2025-07-24
1046Japan2025-07-14
1047France2025-08-11
1048Argentina2025-07-26
1049Argentina2025-08-04

On-Demand Data

NameIdCountryDate
Munro K Shinko1000Argentina2025-08-10
Aditya P Ferencz1001Australia2025-07-23
Chavez A Briddick1002Japan2025-07-21
Maria C Poquette1003Italy2025-07-24
Salvatore A Slusarski1004France2025-07-20
Kaitlin A Caudy1005Australia2025-08-08
Kaitlin Y Paprocki1006France2025-07-21
Deepesh H Flosi1007France2025-07-20
Emily U Ferencz1008Spain2025-07-16
Misaki W Iturbide1009Australia2025-07-21
Silvio E Nestle1010Russia2025-07-22
Emily K Inouye1011Brazil2025-07-20
Jefferson O Whobrey1012Russia2025-07-20
Leon W Malet1013Italy2025-08-07
Alejandro J Gillian1014Argentina2025-08-08
Cody S Chui1015Italy2025-07-18
Misaki Q Caudy1016Argentina2025-07-24
Maria W Royster1017Argentina2025-08-09
Alejandro L Gaucho1018United Kingdom2025-07-24
Nicolas A Shinko1019Russia2025-07-23
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Ivar D NestleUnited KingdomAnna Fali QUALIFIED
Morrow Q VocelkaSpainIvan Magalhaes PROPOSAL
Octavia V RoysterCanadaIvan Magalhaes PROPOSAL
Salvatore I RimArgentinaIvan Magalhaes NEGOTIATION
Darci D DarakjyCanadaAnna Fali NEGOTIATION
Silvio C PaprockiBrazilIoni Bowcher NEGOTIATION
Aika H KolmetzGermanyAnna Fali RENEWAL
Tony X TollnerJapanBernardo Dominic UNQUALIFIED
Emily J MorascaJapanElwin Sharvill RENEWAL
Maria V AmigonRussiaIoni Bowcher RENEWAL
Mayumi O GlickBrazilAnna Fali NEW
Arvin W CaldareraJapanAsiya Javayant UNQUALIFIED
Kaitlin E FlosiFranceBernardo Dominic QUALIFIED
Stacey Z RulapaughFranceAsiya Javayant QUALIFIED
Johnson M ShinkoRussiaAmy Elsner PROPOSAL
Izzy O CaldareraJapanIvan Magalhaes PROPOSAL
Isabel F MorascaSpainAmy Elsner NEW
Aditya F ButtJapanAsiya Javayant NEGOTIATION
Claire D FerenczIndiaAmy Elsner NEW
Aditya J CaldareraCanadaStephen Shaw PROPOSAL
James X CampainUnited KingdomBernardo Dominic NEW
Tony H OldroydUnited KingdomXuxue Feng UNQUALIFIED
Jones Z GauchoItalyAnna Fali NEGOTIATION
Kadeem Z DilliardFranceXuxue Feng PROPOSAL
Morrow Y RimArgentinaOnyama Limba NEW
Munro D GarufiGermanyBernardo Dominic NEGOTIATION
Morrow E SlusarskiFranceBernardo Dominic QUALIFIED
Mayumi L BriddickUnited KingdomElwin Sharvill NEGOTIATION
Adams T ShinkoJapanAnna Fali RENEWAL
Darci Q FerenczRussiaBernardo Dominic NEW
Arvin C SergiRussiaIvan Magalhaes UNQUALIFIED
Arvin Y CampainIndiaAmy Elsner PROPOSAL
Jones I MorascaJapanXuxue Feng RENEWAL
Mayumi R OstroskySpainElwin Sharvill QUALIFIED
Kadeem T BriddickIndiaAmy Elsner NEGOTIATION
Smith R AmigonRussiaAnna Fali NEGOTIATION
Aditya S GlickArgentinaAnna Fali UNQUALIFIED
Ashley E RimItalyAnna Fali UNQUALIFIED
Maisha D CaldareraRussiaBernardo Dominic NEW
Morrow T RoysterUnited KingdomAnna Fali PROPOSAL

<style>
    .ui-datatable-frozenlayout-left {
        width: 20%;
    }

    .ui-datatable-frozenlayout-right {
        width: 80%;
    }
</style>


<h:form>
    <div class="card">
        <h5 style="margin-top:0">Vertical</h5>
        <p:dataTable var="customer" value="#{dtScrollView.customers1}" scrollable="true" scrollHeight="250">
            <p:column headerText="Name" footerText="Name">
                <h:outputText value="#{customer.name}"/>
            </p:column>
            <p:column headerText="Country" footerText="Country">
                <h:outputText value="#{customer.country}"/>
            </p:column>
            <p:column headerText="Representative" footerText="Representative">
                <h:outputText value="#{customer.representative.name}"/>
            </p:column>
            <p:column headerText="Status" footerText="Status">
                <span class="customer-badge status-#{customer.status.name().toLowerCase()}">#{customer.status}</span>
            </p:column>
        </p:dataTable>
    </div>

    <div class="card">
        <h5>Horizontal</h5>
        <p:dataTable var="customer" value="#{dtScrollView.customers2}" scrollable="true" scrollWidth="600">
            <p:column headerText="Name" footerText="Name">
                <h:outputText value="#{customer.name}"/>
            </p:column>
            <p:column headerText="Country" footerText="Country">
                <h:outputText value="#{customer.country}"/>
            </p:column>
            <p:column headerText="Representative" footerText="Representative">
                <h:outputText value="#{customer.representative.name}"/>
            </p:column>
            <p:column headerText="Status" footerText="Status">
                <span class="customer-badge status-#{customer.status.name().toLowerCase()}">#{customer.status}</span>
            </p:column>
        </p:dataTable>
    </div>

    <div class="card">
        <h5>Horizontal and Vertical</h5>
        <p:dataTable var="customer" value="#{dtScrollView.customers3}" scrollable="true" scrollWidth="50%" scrollHeight="250">
            <p:column headerText="Id" footerText="Id">
                <h:outputText value="#{customer.id}"/>
            </p:column>
            <p:column headerText="Name" footerText="Name">
                <h:outputText value="#{customer.name}"/>
            </p:column>
            <p:column headerText="Country" footerText="Country">
                <h:outputText value="#{customer.country}"/>
            </p:column>
            <p:column headerText="Date" footerText="Date">
                <h:outputText value="#{customer.date}"/>
            </p:column>
            <p:column headerText="Company" footerText="Company">
                <h:outputText value="#{customer.company}"/>
            </p:column>
            <p:column headerText="Status" footerText="Status">
                <span class="customer-badge status-#{customer.status.name().toLowerCase()}">#{customer.status}</span>
            </p:column>
            <p:column headerText="Activity" footerText="Activity">
                <h:outputText value="#{customer.activity}"/>
            </p:column>
            <p:column headerText="Representative" footerText="Representative">
                <h:outputText value="#{customer.representative.name}"/>
            </p:column>
        </p:dataTable>
    </div>

    <div class="card">
        <h5>Frozen Rows</h5>
        <p:dataTable var="customer" value="#{dtScrollView.customers4}" scrollable="true" scrollHeight="250"
                     frozenRows="2">
            <p:column headerText="Name" footerText="Name">
                <h:outputText value="#{customer.name}"/>
            </p:column>
            <p:column headerText="Country" footerText="Country">
                <h:outputText value="#{customer.country}"/>
            </p:column>
            <p:column headerText="Representative" footerText="Representative">
                <h:outputText value="#{customer.representative.name}"/>
            </p:column>
            <p:column headerText="Status" footerText="Status">
                <span class="customer-badge status-#{customer.status.name().toLowerCase()}">#{customer.status}</span>
            </p:column>
        </p:dataTable>
    </div>

    <div class="card">
        <h5>Frozen Columns</h5>
        <p:dataTable var="customer" value="#{dtScrollView.customers5}" scrollable="true" scrollHeight="250"
                     scrollWidth="300" frozenColumns="1" frozenColumnsAlignment="left">
            <p:column headerText="Name" footerText="Name">
                <h:outputText value="#{customer.name}"/>
            </p:column>
            <p:column headerText="Id" footerText="Id">
                <h:outputText value="#{customer.id}"/>
            </p:column>
            <p:column headerText="Country" footerText="Country">
                <h:outputText value="#{customer.country}"/>
            </p:column>
            <p:column headerText="Date" footerText="Date">
                <h:outputText value="#{customer.date}"/>
            </p:column>
        </p:dataTable>
    </div>

    <div class="card">
        <h3>On-Demand Data</h3>
        <p:dataTable var="customer" value="#{dtScrollView.customers6}" scrollRows="20" scrollable="true" liveScroll="true" scrollHeight="150">
            <p:column headerText="Name" footerText="Name">
                <h:outputText value="#{customer.name}"/>
            </p:column>
            <p:column headerText="Id" footerText="Id">
                <h:outputText value="#{customer.id}"/>
            </p:column>
            <p:column headerText="Country" footerText="Country">
                <h:outputText value="#{customer.country}"/>
            </p:column>
            <p:column headerText="Date" footerText="Date">
                <h:outputText value="#{customer.date}"/>
            </p:column>
        </p:dataTable>
    </div>

    <div class="card">
        <h5>Virtual Scrolling - 20000 Rows</h5>
        <p:dataTable var="customer" value="#{dtScrollView.lazyModel}" scrollRows="20" scrollable="true"
                     virtualScroll="true" scrollHeight="200" rows="40" style="margin-bottom:0">
            <p:column headerText="Name" footerText="Name">
                <h:outputText value="#{customer.name}"/>
            </p:column>
            <p:column headerText="Country" footerText="Country">
                <h:outputText value="#{customer.country}"/>
            </p:column>
            <p:column headerText="Representative" footerText="Representative">
                <h:outputText value="#{customer.representative.name}"/>
            </p:column>
            <p:column headerText="Status" footerText="Status">
                <span class="customer-badge status-#{customer.status.name().toLowerCase()}">#{customer.status}</span>
            </p:column>
        </p:dataTable>
    </div>

</h:form>