November Deals: Limited Coupons Available! 🎁 Claim Your Coupon

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
Clifford B RoysterArgentinaElwin Sharvill NEW
Isabel L ShinkoUnited KingdomBernardo Dominic NEW
Adams K RulapaughAustraliaStephen Shaw NEGOTIATION
Leja W MaletAustraliaOnyama Limba NEW
Leja V OldroydIndiaIvan Magalhaes UNQUALIFIED
Mujtaba V KuskoIndiaElwin Sharvill QUALIFIED
Leja Q NickaGermanyElwin Sharvill NEW
David G TollnerUnited KingdomIvan Magalhaes NEW
Isabel A RutaRussiaBernardo Dominic NEGOTIATION
Adams O CampainArgentinaOnyama Limba NEGOTIATION
Arvin K NickaUnited KingdomAsiya Javayant UNQUALIFIED
Greenwood D BowleyJapanStephen Shaw RENEWAL
Izzy W ShinkoAustraliaStephen Shaw NEW
Murillo M GillianRussiaStephen Shaw RENEWAL
Adams P FlosiBrazilOnyama Limba QUALIFIED
Maria J KolmetzArgentinaAmy Elsner UNQUALIFIED
Izzy E RoysterIndiaOnyama Limba NEW
Jones O RoysterUnited KingdomOnyama Limba QUALIFIED
Tony N ChuiCanadaAsiya Javayant UNQUALIFIED
Kadeem I BowleyJapanElwin Sharvill RENEWAL
Antonio G AlbaresAustraliaBernardo Dominic NEGOTIATION
Mayumi I RulapaughRussiaAmy Elsner PROPOSAL
Antonio T GauchoAustraliaElwin Sharvill UNQUALIFIED
Costa W KuskoArgentinaStephen Shaw NEGOTIATION
Clifford Z WhobreyBrazilIvan Magalhaes NEGOTIATION
Rodrigues Q KolmetzAustraliaOnyama Limba PROPOSAL
Darci N SergiArgentinaAnna Fali NEW
Clifford Q CaudyIndiaAnna Fali NEGOTIATION
Deepesh R MaletRussiaAmy Elsner QUALIFIED
Murillo V AmigonRussiaElwin Sharvill UNQUALIFIED
Emily R StensethArgentinaAmy Elsner RENEWAL
Francesco F StockhamFranceXuxue Feng RENEWAL
Sinclair H VocelkaBrazilOnyama Limba PROPOSAL
Octavia S CaudyItalyAsiya Javayant NEGOTIATION
Maisha K AmigonRussiaIoni Bowcher PROPOSAL
Julie L RoysterJapanAsiya Javayant NEW
Cody V PaprockiBrazilAmy Elsner UNQUALIFIED
Costa F NestleItalyIvan Magalhaes NEGOTIATION
Aditya Y CampainIndiaAmy Elsner PROPOSAL
Stacey E AlbaresUnited KingdomXuxue Feng PROPOSAL
Silvio H GauchoIndiaXuxue Feng UNQUALIFIED
Tony A PerinArgentinaOnyama Limba NEW
Francesco F DarakjyRussiaIoni Bowcher RENEWAL
Costa C CaldareraRussiaAmy Elsner NEGOTIATION
Cody Q KuskoIndiaXuxue Feng RENEWAL
Costa Q SergiRussiaAsiya Javayant NEW
Chavez E SchemmerFranceAnna Fali PROPOSAL
Wickens E ShinkoCanadaElwin Sharvill RENEWAL
Leon K AmigonIndiaAsiya Javayant NEW
Octavia V PaprockiArgentinaElwin Sharvill RENEWAL
Horizontal
NameCountryRepresentativeStatus
Adams J BriddickCanadaStephen Shaw NEGOTIATION
Alejandro M GarufiCanadaOnyama Limba NEGOTIATION
Wickens B OldroydFranceStephen Shaw QUALIFIED
Deepesh G RimArgentinaElwin Sharvill PROPOSAL
Kadeem Q VocelkaIndiaAsiya Javayant NEGOTIATION
Alejandro Z OstroskyUnited KingdomBernardo Dominic UNQUALIFIED
Darci P PaprockiRussiaStephen Shaw PROPOSAL
Costa E NestleAustraliaOnyama Limba QUALIFIED
Murillo S PerinCanadaAmy Elsner QUALIFIED
Ricardo S GauchoGermanyIoni Bowcher PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Misaki C DoeBrazil2026-09-09Dorl, James J Esq RENEWAL66Xuxue Feng
1001Aditya R StensethUnited Kingdom2026-09-23Commercial Press QUALIFIED10Elwin Sharvill
1002Jeanfrancois J PoquetteSpain2026-09-30Rangoni Of Florence RENEWAL84Onyama Limba
1003Leja A OstroskyJapan2026-09-09Chapman, Ross E Esq NEW85Elwin Sharvill
1004Ivar F FerenczCanada2026-09-27Buckley Miller Wright RENEWAL34Bernardo Dominic
1005Francesco C MaletUnited Kingdom2026-09-08Chapman, Ross E Esq NEW64Elwin Sharvill
1006Aruna X PoquetteIndia2026-09-02Truhlar And Truhlar Attys RENEWAL7Ivan Magalhaes
1007Julie N AmigonSpain2026-09-20Dorl, James J Esq PROPOSAL74Onyama Limba
1008Morrow Q InouyeBrazil2026-09-13Commercial Press QUALIFIED89Onyama Limba
1009Smith N KuskoFrance2026-09-11Commercial Press NEGOTIATION79Elwin Sharvill
1010Claire Z PerinAustralia2026-09-20Chanay, Jeffrey A Esq NEGOTIATION33Amy Elsner
1011Morrow N FlosiCanada2026-09-14Rangoni Of Florence PROPOSAL43Onyama Limba
1012Juan T FlosiUnited Kingdom2026-09-17Feltz Printing Service NEGOTIATION36Xuxue Feng
1013Juan D RimUnited Kingdom2026-09-20Chemel, James L Cpa QUALIFIED17Anna Fali
1014Jeanfrancois Q SchemmerGermany2026-09-14Dorl, James J Esq UNQUALIFIED66Bernardo Dominic
1015Leja F SchemmerRussia2026-09-08Dorl, James J Esq UNQUALIFIED74Amy Elsner
1016Octavia R WaycottRussia2026-09-10Benton, John B Jr NEGOTIATION93Onyama Limba
1017Murillo T KuskoIndia2026-09-29Printing Dimensions NEW69Asiya Javayant
1018Mayumi P FerenczGermany2026-09-11Buckley Miller Wright NEGOTIATION17Anna Fali
1019Smith N SlusarskiAustralia2026-09-15Feiner Bros NEGOTIATION89Onyama Limba
1020Mujtaba M VocelkaBrazil2026-09-01Rangoni Of Florence QUALIFIED78Onyama Limba
1021Mujtaba A PoquetteRussia2026-09-20Commercial Press RENEWAL14Elwin Sharvill
1022Sinclair J BriddickIndia2026-09-28King, Christopher A Esq NEW23Xuxue Feng
1023Morrow Y SlusarskiFrance2026-09-03Commercial Press UNQUALIFIED10Anna Fali
1024Mujtaba X ShinkoArgentina2026-09-23Feltz Printing Service NEW79Bernardo Dominic
1025Faith L AmigonIndia2026-09-09Feltz Printing Service QUALIFIED74Stephen Shaw
1026Isabel U PoquetteBrazil2026-09-10Printing Dimensions NEGOTIATION29Ioni Bowcher
1027Rodrigues H ChuiGermany2026-09-21Chapman, Ross E Esq PROPOSAL86Asiya Javayant
1028Morrow S SchemmerAustralia2026-09-14Dorl, James J Esq NEGOTIATION18Xuxue Feng
1029Munro D VenereJapan2026-09-24Feltz Printing Service PROPOSAL65Amy Elsner
1030Octavia R MaletSpain2026-09-07Rousseaux, Michael Esq RENEWAL38Xuxue Feng
1031Antonio F RulapaughAustralia2026-09-18Feltz Printing Service NEGOTIATION20Anna Fali
1032Izzy B SergiJapan2026-09-29Chemel, James L Cpa NEW92Xuxue Feng
1033David K FollerIndia2026-09-26Commercial Press QUALIFIED93Onyama Limba
1034Murillo A GarufiArgentina2026-09-13Feltz Printing Service UNQUALIFIED0Elwin Sharvill
1035Leja C FigeroaJapan2026-09-27Rousseaux, Michael Esq PROPOSAL37Elwin Sharvill
1036Wickens X StockhamBrazil2026-09-14Morlong Associates NEGOTIATION67Anna Fali
1037Juan W AlbaresIndia2026-09-22Rangoni Of Florence RENEWAL1Asiya Javayant
1038Aruna J GauchoAustralia2026-09-23Chanay, Jeffrey A Esq RENEWAL95Onyama Limba
1039Mayumi Z PaprockiCanada2026-09-11Chanay, Jeffrey A Esq UNQUALIFIED98Bernardo Dominic
1040Stacey V OstroskyAustralia2026-09-05Printing Dimensions NEGOTIATION94Asiya Javayant
1041Maria F IturbideBrazil2026-09-18Feiner Bros PROPOSAL6Onyama Limba
1042Aruna P OldroydArgentina2026-09-14Morlong Associates UNQUALIFIED77Asiya Javayant
1043Claire X StensethCanada2026-09-02Chapman, Ross E Esq RENEWAL49Bernardo Dominic
1044Isabel W DoeRussia2026-09-04Benton, John B Jr QUALIFIED56Amy Elsner
1045Jefferson D KuskoRussia2026-09-08Dorl, James J Esq NEGOTIATION8Onyama Limba
1046Aditya C BowleyRussia2026-09-30Buckley Miller Wright QUALIFIED0Bernardo Dominic
1047Arvin R FollerGermany2026-09-04Buckley Miller Wright NEGOTIATION21Ioni Bowcher
1048Jones Z VocelkaSpain2026-09-10Commercial Press PROPOSAL43Asiya Javayant
1049Munro G CaldareraArgentina2026-09-18Benton, John B Jr NEW30Amy Elsner
Frozen Rows
NameCountryRepresentativeStatus
Juan V BriddickSpainAmy Elsner NEW
Emily E MorascaSpainAsiya Javayant RENEWAL
Maria M SlusarskiAustraliaAsiya Javayant QUALIFIED
Kaitlin C StensethUnited KingdomIvan Magalhaes UNQUALIFIED
Costa I CaudyJapanBernardo Dominic NEGOTIATION
Mayumi Z DoeIndiaIvan Magalhaes QUALIFIED
Stacey T GauchoJapanOnyama Limba NEGOTIATION
Nicolas G VocelkaCanadaStephen Shaw NEGOTIATION
Greenwood K CaldareraBrazilElwin Sharvill PROPOSAL
Darci E GauchoRussiaIvan Magalhaes NEGOTIATION
Silvio A NestleArgentinaAmy Elsner RENEWAL
Kadeem T KolmetzRussiaAmy Elsner PROPOSAL
Cody O ShinkoFranceStephen Shaw QUALIFIED
David Y SchemmerBrazilOnyama Limba RENEWAL
Johnson J CaudySpainIoni Bowcher NEGOTIATION
Johnson M CampainRussiaElwin Sharvill RENEWAL
Johnson Z RulapaughFranceElwin Sharvill NEGOTIATION
Isabel Y BowleyJapanAnna Fali NEGOTIATION
Ashley G KuskoBrazilOnyama Limba PROPOSAL
Johnson V GauchoGermanyIvan Magalhaes PROPOSAL
Faith G PoquetteFranceIvan Magalhaes PROPOSAL
Leja J CampainFranceXuxue Feng UNQUALIFIED
David I RimUnited KingdomIvan Magalhaes PROPOSAL
Emily T MarrierGermanyAmy Elsner RENEWAL
Leja Q MaletAustraliaElwin Sharvill NEW
Smith A MarrierItalyElwin Sharvill QUALIFIED
Juan A StensethUnited KingdomElwin Sharvill NEGOTIATION
Julie T RoysterIndiaIoni Bowcher NEGOTIATION
Mayumi X AlbaresBrazilBernardo Dominic RENEWAL
Faith V ButtAustraliaAmy Elsner NEW
Antonio R AlbaresIndiaStephen Shaw NEW
Emily R DoeFranceStephen Shaw PROPOSAL
Tony H NickaGermanyIoni Bowcher UNQUALIFIED
Cody A VocelkaRussiaAmy Elsner NEW
Jefferson Q GillianUnited KingdomStephen Shaw QUALIFIED
Claire E PerinAustraliaOnyama Limba QUALIFIED
Costa T GillianUnited KingdomElwin Sharvill QUALIFIED
Johnson J CampainAustraliaOnyama Limba UNQUALIFIED
Antonio S OldroydJapanBernardo Dominic NEGOTIATION
Salvatore S BowleyIndiaElwin Sharvill NEW
Smith Z WhobreyCanadaElwin Sharvill NEGOTIATION
Arvin I KolmetzUnited KingdomXuxue Feng PROPOSAL
Munro Y OstroskyJapanAmy Elsner RENEWAL
Sinclair S SchemmerJapanAnna Fali QUALIFIED
Cody Q NickaRussiaAsiya Javayant RENEWAL
Johnson P MaletIndiaXuxue Feng UNQUALIFIED
Mujtaba U SergiSpainAmy Elsner UNQUALIFIED
Faith O ShinkoUnited KingdomIoni Bowcher NEGOTIATION
Johnson U MorascaFranceIoni Bowcher UNQUALIFIED
Jennifer P GauchoCanadaAmy Elsner NEW
Frozen Columns
Name
Leon D Maclead
Murillo W Gaucho
Julie V Stenseth
Claire V Venere
Kaitlin K Flosi
Mujtaba S Ruta
Faith I Poquette
Cody B Amigon
Deepesh U Whobrey
Claire M Wieser
Aika H Doe
Maisha Q Slusarski
Greenwood V Amigon
Misaki R Stockham
Mujtaba N Whobrey
Izzy H Sergi
Jennifer T Schemmer
Jeanfrancois W Paprocki
Sinclair A Sergi
Deepesh M Caldarera
Ricardo W Amigon
Octavia D Bolognia
Jeanfrancois E Sergi
Johnson Z Venere
Kaitlin K Sergi
Ivar K Paprocki
Salvatore Q Nestle
Ricardo H Perin
Rodrigues R Ostrosky
Tony I Glick
Emily C Waycott
Wickens W Oldroyd
Leon K Stockham
Ashley S Garufi
Aditya Q Chui
Francesco K Darakjy
Darci J Perin
Murillo U Sergi
Kadeem R Nestle
Jones H Waycott
Costa T Rulapaugh
Johnson U Vocelka
Aruna N Foller
Aika E Stenseth
Jennifer F Vocelka
Sinclair D Slusarski
Ashley I Briddick
Aditya P Stockham
Kadeem X Schemmer
David Z Venere
IdCountryDate
1000United Kingdom2026-09-07
1001Spain2026-09-12
1002Brazil2026-09-22
1003Japan2026-09-19
1004France2026-09-07
1005Argentina2026-09-25
1006United Kingdom2026-09-11
1007Brazil2026-09-28
1008Australia2026-09-28
1009Germany2026-09-24
1010Brazil2026-09-29
1011France2026-09-02
1012Australia2026-09-12
1013Spain2026-09-22
1014Brazil2026-09-17
1015Canada2026-09-20
1016Argentina2026-09-08
1017United Kingdom2026-09-05
1018Argentina2026-09-23
1019Russia2026-09-12
1020Argentina2026-09-16
1021Brazil2026-09-04
1022Australia2026-09-30
1023United Kingdom2026-09-08
1024Spain2026-09-25
1025United Kingdom2026-09-10
1026Spain2026-09-10
1027Russia2026-09-24
1028Australia2026-09-08
1029Russia2026-09-29
1030Argentina2026-09-07
1031Japan2026-09-29
1032Japan2026-09-20
1033Germany2026-09-28
1034United Kingdom2026-09-02
1035India2026-09-19
1036Argentina2026-09-14
1037United Kingdom2026-09-27
1038Germany2026-09-30
1039Germany2026-09-12
1040Japan2026-09-28
1041India2026-09-13
1042Argentina2026-09-26
1043Russia2026-09-22
1044Argentina2026-09-21
1045Canada2026-09-26
1046France2026-09-05
1047Germany2026-09-12
1048Brazil2026-09-25
1049United Kingdom2026-09-16

On-Demand Data

NameIdCountryDate
Greenwood P Stockham1000Russia2026-09-06
David F Bolognia1001Canada2026-09-29
Cody Q Shinko1002Brazil2026-09-05
Salvatore V Shinko1003Brazil2026-09-07
Leja J Bolognia1004Canada2026-09-11
Maisha N Waycott1005Spain2026-09-19
Sinclair C Marrier1006Russia2026-09-24
Maria Z Ferencz1007United Kingdom2026-09-23
Ricardo I Paprocki1008Germany2026-09-29
Maisha I Shinko1009Canada2026-09-11
Mujtaba G Caldarera1010Italy2026-09-15
Tony R Darakjy1011Italy2026-09-20
Aika R Caldarera1012Spain2026-09-03
Chavez W Paprocki1013Japan2026-09-25
Silvio I Bowley1014Spain2026-09-17
Salvatore K Rulapaugh1015India2026-09-19
Jeanfrancois Q Rulapaugh1016Germany2026-09-24
Adams Y Gaucho1017Canada2026-09-16
Alejandro U Caldarera1018Spain2026-09-24
Darci P Oldroyd1019Canada2026-09-06
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
James J GauchoIndiaAsiya Javayant UNQUALIFIED
Maisha G BologniaBrazilIvan Magalhaes PROPOSAL
Ricardo B BowleyArgentinaAmy Elsner PROPOSAL
Misaki X WhobreyRussiaElwin Sharvill PROPOSAL
Emily O InouyeCanadaXuxue Feng NEW
Jennifer Z BowleyFranceAnna Fali NEGOTIATION
Ivar D TollnerFranceElwin Sharvill UNQUALIFIED
Morrow F AlbaresFranceOnyama Limba NEW
Aditya J FerenczGermanyBernardo Dominic NEGOTIATION
Stacey I BologniaBrazilIvan Magalhaes NEGOTIATION
Julie C GillianArgentinaStephen Shaw RENEWAL
Salvatore J VenereArgentinaIvan Magalhaes RENEWAL
Darci V GillianItalyXuxue Feng QUALIFIED
Adams T PoquetteIndiaBernardo Dominic NEW
Darci B ShinkoIndiaIvan Magalhaes NEW
Morrow U RoysterJapanOnyama Limba PROPOSAL
Ivar L AlbaresUnited KingdomAsiya Javayant UNQUALIFIED
Wickens J OldroydAustraliaOnyama Limba NEGOTIATION
Ashley D RutaSpainOnyama Limba QUALIFIED
Jeanfrancois J CaudyIndiaAsiya Javayant NEW
Juan W BologniaIndiaIvan Magalhaes QUALIFIED
Johnson B FerenczFranceElwin Sharvill NEGOTIATION
Ashley M VenereRussiaIvan Magalhaes RENEWAL
Nicolas Z MacleadCanadaIvan Magalhaes NEW
Jennifer B AlbaresGermanyStephen Shaw UNQUALIFIED
Isabel U KolmetzItalyAsiya Javayant QUALIFIED
Claire K AmigonBrazilBernardo Dominic RENEWAL
Silvio A NickaItalyIvan Magalhaes RENEWAL
Leja G ShinkoCanadaOnyama Limba RENEWAL
Emily O DilliardItalyElwin Sharvill RENEWAL
Antonio J BriddickSpainOnyama Limba QUALIFIED
Emily T ChuiGermanyStephen Shaw NEGOTIATION
Munro C MorascaFranceIvan Magalhaes NEW
Rodrigues G KolmetzAustraliaStephen Shaw UNQUALIFIED
Nicolas S CaldareraGermanyAsiya Javayant NEW
Nicolas Q NickaIndiaBernardo Dominic QUALIFIED
Arvin L FlosiRussiaBernardo Dominic NEGOTIATION
Leja R InouyeUnited KingdomAnna Fali UNQUALIFIED
Arvin Z WhobreyArgentinaAsiya Javayant RENEWAL
Mayumi K SlusarskiIndiaIvan Magalhaes NEGOTIATION

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