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
Jefferson L FlosiJapanAnna Fali RENEWAL
Murillo L MacleadCanadaElwin Sharvill NEGOTIATION
Alejandro X WaycottGermanyXuxue Feng QUALIFIED
Mayumi O MaletSpainBernardo Dominic NEGOTIATION
Johnson U OstroskyRussiaElwin Sharvill UNQUALIFIED
Costa Q SchemmerIndiaAmy Elsner UNQUALIFIED
Costa X AlbaresArgentinaBernardo Dominic PROPOSAL
Jones G SchemmerGermanyStephen Shaw UNQUALIFIED
Ashley W FlosiBrazilStephen Shaw NEW
Smith B SergiUnited KingdomIvan Magalhaes UNQUALIFIED
Izzy H VenereCanadaIoni Bowcher PROPOSAL
Murillo D NestleRussiaAmy Elsner PROPOSAL
Kaitlin C OldroydFranceAmy Elsner RENEWAL
Ricardo J RulapaughIndiaElwin Sharvill UNQUALIFIED
Johnson V VocelkaBrazilAmy Elsner NEGOTIATION
Nicolas V CampainItalyIoni Bowcher NEGOTIATION
Juan Q OstroskyJapanBernardo Dominic NEW
Stacey D BriddickSpainAmy Elsner NEW
Clifford L ButtCanadaIvan Magalhaes QUALIFIED
Wickens D MarrierRussiaStephen Shaw PROPOSAL
Silvio T DoeSpainAnna Fali NEGOTIATION
Murillo Q InouyeBrazilXuxue Feng NEW
Johnson S InouyeGermanyOnyama Limba UNQUALIFIED
Izzy W WaycottJapanOnyama Limba PROPOSAL
Francesco V DarakjyRussiaXuxue Feng NEGOTIATION
Tony S PaprockiCanadaAnna Fali NEW
Julie B KolmetzJapanAmy Elsner PROPOSAL
James X VocelkaJapanIoni Bowcher UNQUALIFIED
Tony O CampainFranceBernardo Dominic UNQUALIFIED
Mayumi S RulapaughRussiaAnna Fali NEGOTIATION
Faith W SaylorsSpainOnyama Limba RENEWAL
Jeanfrancois A ChuiJapanAmy Elsner PROPOSAL
Antonio F FollerJapanAsiya Javayant PROPOSAL
Deepesh Y ChuiIndiaStephen Shaw NEGOTIATION
Emily O KolmetzFranceBernardo Dominic PROPOSAL
Kaitlin G SergiRussiaOnyama Limba RENEWAL
Silvio D BologniaGermanyAsiya Javayant NEW
Costa U StockhamArgentinaElwin Sharvill PROPOSAL
Isabel Z MorascaRussiaIoni Bowcher QUALIFIED
James K NestleCanadaStephen Shaw UNQUALIFIED
David H TollnerGermanyAmy Elsner NEW
Rodrigues F BriddickUnited KingdomIoni Bowcher NEW
Julie S FlosiAustraliaIoni Bowcher NEGOTIATION
Murillo K KuskoRussiaIvan Magalhaes RENEWAL
Octavia E OldroydFranceAmy Elsner UNQUALIFIED
Salvatore H FollerSpainStephen Shaw PROPOSAL
Kaitlin E GlickItalyOnyama Limba UNQUALIFIED
Sinclair A StockhamAustraliaIoni Bowcher QUALIFIED
Mujtaba F RulapaughFranceIvan Magalhaes NEW
Maisha X ChuiUnited KingdomAnna Fali NEW
Horizontal
NameCountryRepresentativeStatus
Emily R StockhamBrazilOnyama Limba UNQUALIFIED
Aruna I DoeRussiaOnyama Limba QUALIFIED
Aditya X DilliardSpainIoni Bowcher UNQUALIFIED
David V ShinkoUnited KingdomBernardo Dominic UNQUALIFIED
Aika P CaudySpainAsiya Javayant PROPOSAL
Faith D MarrierCanadaAmy Elsner RENEWAL
Ashley V VocelkaArgentinaIvan Magalhaes UNQUALIFIED
Julie C MacleadJapanElwin Sharvill QUALIFIED
Arvin O NestleJapanAsiya Javayant PROPOSAL
Julie I MaletItalyElwin Sharvill PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Isabel H SchemmerGermany2025-08-24Feiner Bros RENEWAL5Ioni Bowcher
1001Aditya Q BriddickSpain2025-08-20Dorl, James J Esq RENEWAL64Ioni Bowcher
1002Kadeem W RoysterJapan2025-08-10Buckley Miller Wright UNQUALIFIED88Onyama Limba
1003Costa U AmigonIndia2025-08-02Chapman, Ross E Esq QUALIFIED67Ioni Bowcher
1004Maria L SergiGermany2025-08-02Feiner Bros NEW58Xuxue Feng
1005Ivar T BriddickUnited Kingdom2025-08-14Rousseaux, Michael Esq UNQUALIFIED56Stephen Shaw
1006Antonio A RoysterBrazil2025-07-30Feltz Printing Service QUALIFIED12Asiya Javayant
1007Jeanfrancois I InouyeBrazil2025-08-25Printing Dimensions UNQUALIFIED0Ivan Magalhaes
1008Jeanfrancois W OldroydUnited Kingdom2025-08-12Commercial Press PROPOSAL69Onyama Limba
1009Silvio L BowleyFrance2025-07-31Buckley Miller Wright RENEWAL6Amy Elsner
1010Tony M DilliardBrazil2025-08-08King, Christopher A Esq RENEWAL60Anna Fali
1011Alejandro D RoysterItaly2025-08-04Feiner Bros NEW2Elwin Sharvill
1012Ivar S BriddickAustralia2025-08-26Chemel, James L Cpa PROPOSAL94Amy Elsner
1013Kadeem U ShinkoGermany2025-08-22Chapman, Ross E Esq UNQUALIFIED35Ivan Magalhaes
1014Cody S SchemmerCanada2025-08-19Chapman, Ross E Esq QUALIFIED18Xuxue Feng
1015Izzy D ShinkoArgentina2025-08-02Dorl, James J Esq QUALIFIED92Onyama Limba
1016Clifford P PerinArgentina2025-08-11King, Christopher A Esq NEGOTIATION17Anna Fali
1017Jennifer K SlusarskiGermany2025-08-18Chemel, James L Cpa NEGOTIATION27Amy Elsner
1018Nicolas K OldroydRussia2025-07-30Truhlar And Truhlar Attys NEW22Anna Fali
1019Maisha Z CaudyUnited Kingdom2025-08-19Chapman, Ross E Esq NEGOTIATION65Asiya Javayant
1020Clifford H AlbaresUnited Kingdom2025-08-25Commercial Press PROPOSAL51Ioni Bowcher
1021Aika Y BriddickIndia2025-08-06Truhlar And Truhlar Attys UNQUALIFIED69Ivan Magalhaes
1022Maisha P SchemmerGermany2025-08-15Printing Dimensions NEGOTIATION66Onyama Limba
1023Jefferson W VocelkaAustralia2025-08-08Truhlar And Truhlar Attys PROPOSAL20Elwin Sharvill
1024Deepesh R VenereRussia2025-08-15Dorl, James J Esq NEGOTIATION56Amy Elsner
1025Jeanfrancois S BriddickBrazil2025-08-28Buckley Miller Wright NEGOTIATION82Stephen Shaw
1026Kaitlin C MacleadGermany2025-08-27Buckley Miller Wright UNQUALIFIED35Anna Fali
1027Murillo E WhobreyRussia2025-08-09Feiner Bros PROPOSAL63Xuxue Feng
1028Misaki R StockhamFrance2025-08-15Printing Dimensions QUALIFIED97Ivan Magalhaes
1029Aika H StockhamGermany2025-08-25Truhlar And Truhlar Attys NEGOTIATION25Xuxue Feng
1030Emily Q OldroydRussia2025-08-03Rousseaux, Michael Esq NEW82Anna Fali
1031Morrow W FlosiItaly2025-08-15Feiner Bros NEGOTIATION43Xuxue Feng
1032Adams Y OstroskyAustralia2025-08-25Rousseaux, Michael Esq RENEWAL52Bernardo Dominic
1033Jefferson F GillianFrance2025-08-02Feiner Bros NEGOTIATION94Anna Fali
1034Tony C BriddickCanada2025-08-17Commercial Press RENEWAL6Ivan Magalhaes
1035Ivar T KolmetzFrance2025-08-07Dorl, James J Esq UNQUALIFIED22Ivan Magalhaes
1036Kaitlin L BowleyBrazil2025-08-12Buckley Miller Wright QUALIFIED37Bernardo Dominic
1037Salvatore D GarufiAustralia2025-08-02Rousseaux, Michael Esq RENEWAL18Ivan Magalhaes
1038Silvio I KolmetzCanada2025-08-28Feiner Bros RENEWAL65Bernardo Dominic
1039Leja Z FigeroaSpain2025-08-11Chanay, Jeffrey A Esq NEW59Stephen Shaw
1040Greenwood J SaylorsArgentina2025-08-11Morlong Associates QUALIFIED75Anna Fali
1041Emily D IturbideIndia2025-07-30Rousseaux, Michael Esq UNQUALIFIED94Stephen Shaw
1042Nicolas Q MarrierBrazil2025-08-21Benton, John B Jr NEW2Xuxue Feng
1043Smith I SlusarskiItaly2025-07-30Chemel, James L Cpa RENEWAL11Bernardo Dominic
1044Maisha M MacleadGermany2025-08-06Printing Dimensions NEW34Ioni Bowcher
1045Nicolas W StensethUnited Kingdom2025-08-01Feiner Bros PROPOSAL62Bernardo Dominic
1046Munro Y DilliardArgentina2025-08-13Chemel, James L Cpa RENEWAL36Onyama Limba
1047Nicolas N RimUnited Kingdom2025-07-31Rangoni Of Florence NEGOTIATION45Stephen Shaw
1048Murillo P FigeroaArgentina2025-08-21Chemel, James L Cpa NEW56Ivan Magalhaes
1049Leja X PaprockiBrazil2025-08-12Printing Dimensions RENEWAL45Stephen Shaw
Frozen Rows
NameCountryRepresentativeStatus
Claire A SergiCanadaXuxue Feng NEGOTIATION
Tony O SlusarskiJapanAmy Elsner UNQUALIFIED
Stacey Z GauchoItalyAsiya Javayant QUALIFIED
Smith L DoeGermanyIvan Magalhaes QUALIFIED
Maria L GillianSpainBernardo Dominic NEW
Salvatore E MaletAustraliaAmy Elsner PROPOSAL
James L AlbaresCanadaAmy Elsner NEW
Alejandro V PaprockiFranceXuxue Feng RENEWAL
Chavez W WaycottRussiaIvan Magalhaes RENEWAL
Leja R ShinkoAustraliaStephen Shaw UNQUALIFIED
Johnson M VocelkaIndiaStephen Shaw PROPOSAL
Stacey R MacleadFranceElwin Sharvill NEW
Mayumi P PerinJapanElwin Sharvill NEW
David A TollnerAustraliaAnna Fali PROPOSAL
Antonio L DilliardRussiaAsiya Javayant RENEWAL
Johnson I VocelkaCanadaAnna Fali NEW
Ricardo F StensethUnited KingdomXuxue Feng QUALIFIED
Misaki M SergiUnited KingdomAnna Fali QUALIFIED
Jeanfrancois V CaudyGermanyAsiya Javayant UNQUALIFIED
Aditya R StockhamJapanStephen Shaw NEW
Deepesh A OstroskyGermanyAmy Elsner UNQUALIFIED
Greenwood Q DarakjyAustraliaIoni Bowcher UNQUALIFIED
Wickens V AlbaresRussiaOnyama Limba NEW
Darci C VocelkaCanadaIvan Magalhaes UNQUALIFIED
Jones I PoquetteJapanAsiya Javayant NEW
Ivar G MarrierUnited KingdomXuxue Feng PROPOSAL
Rodrigues U MorascaArgentinaAmy Elsner QUALIFIED
Murillo X CaudyArgentinaXuxue Feng PROPOSAL
Smith U CampainUnited KingdomAnna Fali UNQUALIFIED
Alejandro N SaylorsUnited KingdomAnna Fali NEW
Darci V MaletGermanyElwin Sharvill PROPOSAL
Aruna G KolmetzArgentinaOnyama Limba PROPOSAL
Cody T MorascaRussiaAmy Elsner RENEWAL
Morrow C VenereSpainBernardo Dominic NEW
Julie I DarakjyRussiaBernardo Dominic NEW
Rodrigues X NestleRussiaBernardo Dominic NEW
Faith U RoysterBrazilStephen Shaw QUALIFIED
Smith V NestleRussiaAmy Elsner RENEWAL
Izzy Z CampainIndiaAsiya Javayant QUALIFIED
Arvin R WhobreyFranceXuxue Feng PROPOSAL
Juan N PaprockiAustraliaElwin Sharvill RENEWAL
Octavia L VocelkaUnited KingdomElwin Sharvill QUALIFIED
Aditya U PerinBrazilElwin Sharvill PROPOSAL
Sinclair G RutaSpainStephen Shaw PROPOSAL
Ashley F SchemmerJapanIvan Magalhaes PROPOSAL
Clifford H SlusarskiItalyAsiya Javayant NEGOTIATION
Smith B MarrierRussiaAnna Fali NEGOTIATION
Jefferson W KuskoIndiaStephen Shaw QUALIFIED
Claire V StensethGermanyXuxue Feng RENEWAL
Mujtaba Z GillianSpainAmy Elsner NEW
Frozen Columns
Name
Smith R Kusko
Faith N Glick
Sinclair N Ostrosky
Ashley W Stockham
Jeanfrancois Z Sergi
Francesco S Briddick
Antonio P Doe
Wickens B Caldarera
Ivar R Stockham
Adams N Rulapaugh
Rodrigues W Oldroyd
Mayumi B Flosi
Murillo B Bowley
James N Iturbide
Kadeem H Venere
Leon F Iturbide
Isabel M Glick
Maria J Poquette
Clifford N Paprocki
Stacey U Campain
Jeanfrancois Q Rulapaugh
Munro P Glick
Aruna C Doe
Jones V Dilliard
Wickens E Venere
Munro S Briddick
Deepesh Q Nestle
Munro O Malet
Jones W Nicka
Jones O Chui
Jennifer G Bowley
Salvatore T Gaucho
Maria H Doe
Rodrigues X Kolmetz
Wickens J Briddick
Munro M Kusko
Aditya K Shinko
Morrow X Garufi
Maria Y Bowley
Aditya U Ferencz
Emily A Ferencz
Silvio J Stockham
James Z Wieser
Ivar G Malet
Munro L Marrier
Salvatore A Waycott
Kadeem J Sergi
Sinclair Q Malet
Julie W Malet
Ivar Y Sergi
IdCountryDate
1000Argentina2025-08-09
1001India2025-08-05
1002France2025-08-05
1003Germany2025-08-25
1004France2025-08-05
1005India2025-08-12
1006United Kingdom2025-08-07
1007Brazil2025-08-09
1008Italy2025-08-22
1009Australia2025-08-07
1010Spain2025-08-22
1011Italy2025-08-23
1012France2025-08-16
1013Japan2025-08-26
1014Canada2025-08-26
1015United Kingdom2025-08-06
1016Argentina2025-08-02
1017Germany2025-08-05
1018Spain2025-08-23
1019Canada2025-08-07
1020Brazil2025-08-04
1021Russia2025-08-25
1022Argentina2025-08-01
1023Canada2025-08-27
1024Argentina2025-07-31
1025India2025-08-13
1026Germany2025-08-01
1027United Kingdom2025-07-31
1028Brazil2025-08-22
1029India2025-08-16
1030Russia2025-08-01
1031Germany2025-08-07
1032Japan2025-08-27
1033Germany2025-08-27
1034France2025-08-11
1035India2025-07-31
1036Argentina2025-08-07
1037Australia2025-08-24
1038Argentina2025-08-16
1039Brazil2025-08-17
1040France2025-07-30
1041United Kingdom2025-08-17
1042Spain2025-08-06
1043France2025-08-22
1044Russia2025-08-26
1045Brazil2025-08-05
1046Italy2025-08-28
1047United Kingdom2025-08-01
1048United Kingdom2025-08-02
1049Brazil2025-08-12

On-Demand Data

NameIdCountryDate
Maria U Stockham1000India2025-08-12
Maisha V Bolognia1001Brazil2025-08-18
Claire L Campain1002Brazil2025-08-25
Ashley N Campain1003Germany2025-08-26
David K Caldarera1004Canada2025-08-07
Mayumi M Perin1005Spain2025-08-09
Ricardo H Wieser1006Italy2025-08-15
Sinclair K Campain1007Russia2025-08-28
Darci J Vocelka1008Australia2025-08-18
Johnson C Caudy1009Canada2025-08-21
Aika W Doe1010Russia2025-08-10
Mayumi E Gaucho1011Italy2025-08-18
Alejandro U Dilliard1012India2025-08-28
Antonio T Oldroyd1013Japan2025-08-02
Munro H Tollner1014Canada2025-08-07
Julie W Flosi1015Russia2025-08-06
Jeanfrancois G Perin1016Spain2025-07-31
Costa G Ferencz1017United Kingdom2025-08-27
Deepesh D Tollner1018Germany2025-08-17
Jennifer E Venere1019Russia2025-08-08
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Munro N RimIndiaIoni Bowcher QUALIFIED
Emily A PaprockiAustraliaAmy Elsner UNQUALIFIED
Aditya K NestleJapanAmy Elsner NEGOTIATION
Antonio Z DarakjyCanadaAnna Fali NEGOTIATION
Johnson K BologniaAustraliaXuxue Feng UNQUALIFIED
Jefferson E AmigonIndiaOnyama Limba RENEWAL
Leon Q IturbideJapanOnyama Limba RENEWAL
Aditya W MarrierUnited KingdomStephen Shaw NEW
Leon F SaylorsArgentinaAnna Fali PROPOSAL
Tony W AmigonArgentinaElwin Sharvill NEGOTIATION
Julie M DarakjyItalyStephen Shaw PROPOSAL
Kadeem X DilliardItalyXuxue Feng RENEWAL
Deepesh O FerenczAustraliaIoni Bowcher PROPOSAL
Aruna J AmigonJapanAmy Elsner NEGOTIATION
James Q PaprockiCanadaElwin Sharvill NEGOTIATION
Chavez G FigeroaUnited KingdomAmy Elsner UNQUALIFIED
Aika G OldroydAustraliaIvan Magalhaes UNQUALIFIED
Johnson E RoysterItalyAnna Fali NEW
Murillo C VocelkaAustraliaElwin Sharvill RENEWAL
Chavez O KolmetzJapanAsiya Javayant RENEWAL
James R IturbideGermanyAsiya Javayant QUALIFIED
Aditya R NickaItalyAmy Elsner PROPOSAL
Costa W InouyeUnited KingdomStephen Shaw RENEWAL
Morrow A WieserIndiaElwin Sharvill PROPOSAL
Izzy R WhobreyArgentinaXuxue Feng PROPOSAL
Ricardo R IturbideBrazilOnyama Limba PROPOSAL
Aditya F VocelkaUnited KingdomOnyama Limba UNQUALIFIED
Emily R MaletSpainBernardo Dominic NEW
Silvio W RimIndiaIoni Bowcher NEW
Rodrigues E BowleyRussiaAmy Elsner UNQUALIFIED
Misaki T BowleyFranceIvan Magalhaes NEW
Ashley A RoysterJapanAnna Fali QUALIFIED
Antonio Z BriddickGermanyAmy Elsner UNQUALIFIED
Sinclair I ButtArgentinaOnyama Limba RENEWAL
Salvatore B FigeroaRussiaIvan Magalhaes PROPOSAL
Misaki X MaletFranceIvan Magalhaes NEGOTIATION
Munro F WieserRussiaElwin Sharvill QUALIFIED
Stacey D FlosiUnited KingdomAsiya Javayant QUALIFIED
Clifford N ChuiBrazilOnyama Limba QUALIFIED
Rodrigues L PoquetteIndiaXuxue Feng NEW

<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>