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
James Y AmigonSpainAsiya Javayant NEGOTIATION
Octavia S OstroskyRussiaBernardo Dominic NEW
Aika F IturbideGermanyAmy Elsner QUALIFIED
Kaitlin E CaudyItalyXuxue Feng UNQUALIFIED
Aika O MaletBrazilAmy Elsner QUALIFIED
Costa H RutaBrazilAnna Fali NEGOTIATION
Emily M ShinkoUnited KingdomElwin Sharvill QUALIFIED
Antonio I DilliardArgentinaXuxue Feng QUALIFIED
Johnson V MarrierFranceStephen Shaw RENEWAL
Costa A AlbaresGermanyAmy Elsner QUALIFIED
Nicolas N KuskoRussiaAnna Fali UNQUALIFIED
Claire U IturbideSpainBernardo Dominic NEGOTIATION
Cody D SaylorsAustraliaAsiya Javayant NEGOTIATION
Claire P FollerAustraliaAmy Elsner UNQUALIFIED
Stacey Y DarakjyRussiaXuxue Feng UNQUALIFIED
Jones Y ChuiUnited KingdomElwin Sharvill NEGOTIATION
Darci F SchemmerFranceXuxue Feng RENEWAL
Jennifer J AmigonBrazilIvan Magalhaes NEGOTIATION
Kaitlin X BriddickCanadaIvan Magalhaes RENEWAL
Chavez H GauchoFranceIoni Bowcher RENEWAL
Mujtaba R CampainCanadaXuxue Feng QUALIFIED
Faith P BologniaSpainStephen Shaw UNQUALIFIED
Octavia M GillianCanadaAmy Elsner RENEWAL
Antonio R PerinItalyAmy Elsner QUALIFIED
Munro G MaletGermanyAnna Fali RENEWAL
Kaitlin L MorascaSpainAnna Fali QUALIFIED
Salvatore R FerenczRussiaXuxue Feng PROPOSAL
Deepesh E RimIndiaAnna Fali UNQUALIFIED
Kaitlin T VenereArgentinaElwin Sharvill UNQUALIFIED
Maisha K GlickAustraliaStephen Shaw UNQUALIFIED
Jefferson E SlusarskiArgentinaAmy Elsner RENEWAL
Arvin O RulapaughIndiaAsiya Javayant NEGOTIATION
Tony N NestleArgentinaAmy Elsner UNQUALIFIED
Smith L NestleCanadaBernardo Dominic PROPOSAL
Munro D PerinRussiaAsiya Javayant QUALIFIED
Cody X MaletBrazilOnyama Limba RENEWAL
Maisha F AlbaresRussiaElwin Sharvill UNQUALIFIED
Aditya V AmigonCanadaAsiya Javayant NEW
Kadeem O OldroydIndiaIoni Bowcher NEGOTIATION
Jefferson N NestleGermanyAmy Elsner UNQUALIFIED
Antonio K TollnerIndiaAnna Fali UNQUALIFIED
Izzy S MarrierAustraliaStephen Shaw NEGOTIATION
Isabel T AlbaresRussiaElwin Sharvill PROPOSAL
Costa J RutaFranceAmy Elsner QUALIFIED
Smith F FerenczSpainAsiya Javayant NEW
Aika I RulapaughBrazilIoni Bowcher NEW
Jones L RoysterGermanyIoni Bowcher UNQUALIFIED
Francesco E CampainRussiaBernardo Dominic RENEWAL
Salvatore N MaletSpainStephen Shaw NEW
Sinclair W WhobreyArgentinaIvan Magalhaes QUALIFIED
Horizontal
NameCountryRepresentativeStatus
David G MorascaJapanElwin Sharvill RENEWAL
Octavia E RulapaughAustraliaIoni Bowcher NEW
Wickens A GarufiCanadaOnyama Limba NEGOTIATION
Wickens L StensethRussiaBernardo Dominic RENEWAL
Chavez I MarrierArgentinaAnna Fali RENEWAL
Ivar U WhobreyArgentinaIoni Bowcher PROPOSAL
Nicolas A PoquetteUnited KingdomIvan Magalhaes RENEWAL
Morrow C WieserBrazilAnna Fali UNQUALIFIED
Alejandro T CaudyAustraliaXuxue Feng QUALIFIED
Juan K BologniaJapanXuxue Feng QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Munro K WhobreyGermany2026-09-30Morlong Associates RENEWAL70Stephen Shaw
1001Juan D PerinGermany2026-09-24Chapman, Ross E Esq NEGOTIATION8Onyama Limba
1002Nicolas J RoysterCanada2026-09-12Chanay, Jeffrey A Esq RENEWAL56Elwin Sharvill
1003Leja D SchemmerFrance2026-09-13Truhlar And Truhlar Attys NEGOTIATION63Xuxue Feng
1004Jeanfrancois D CampainGermany2026-10-04King, Christopher A Esq NEGOTIATION52Asiya Javayant
1005Murillo F ShinkoIndia2026-09-18Dorl, James J Esq NEGOTIATION20Stephen Shaw
1006James L BriddickJapan2026-09-16Truhlar And Truhlar Attys UNQUALIFIED54Xuxue Feng
1007Ashley E FigeroaJapan2026-09-18Truhlar And Truhlar Attys NEW96Asiya Javayant
1008Murillo C OstroskySpain2026-09-18Chemel, James L Cpa RENEWAL99Onyama Limba
1009Greenwood Z VenereSpain2026-09-30Feltz Printing Service NEGOTIATION37Stephen Shaw
1010Deepesh S OldroydUnited Kingdom2026-09-19Feiner Bros PROPOSAL33Asiya Javayant
1011Tony V GarufiUnited Kingdom2026-09-15Rangoni Of Florence NEGOTIATION64Stephen Shaw
1012David C CaudyIndia2026-09-20Rousseaux, Michael Esq NEW47Elwin Sharvill
1013Wickens L GillianItaly2026-09-25Dorl, James J Esq PROPOSAL25Ioni Bowcher
1014Aika F DoeUnited Kingdom2026-10-04Dorl, James J Esq RENEWAL57Ivan Magalhaes
1015Maria I MarrierAustralia2026-09-23Chemel, James L Cpa QUALIFIED55Amy Elsner
1016Chavez A MarrierCanada2026-09-30Chapman, Ross E Esq NEGOTIATION48Stephen Shaw
1017Leja G AmigonSpain2026-09-16Chapman, Ross E Esq NEGOTIATION78Anna Fali
1018Sinclair L PaprockiSpain2026-09-20Feltz Printing Service RENEWAL12Onyama Limba
1019Claire Y BriddickItaly2026-10-02Buckley Miller Wright UNQUALIFIED76Asiya Javayant
1020Antonio Q CaudyArgentina2026-09-12Benton, John B Jr NEW49Ioni Bowcher
1021Faith P RoysterGermany2026-09-11Chanay, Jeffrey A Esq PROPOSAL96Elwin Sharvill
1022Izzy H BologniaJapan2026-09-11Truhlar And Truhlar Attys NEGOTIATION78Stephen Shaw
1023Juan F DoeUnited Kingdom2026-09-17Dorl, James J Esq NEW65Bernardo Dominic
1024Izzy B PoquetteJapan2026-10-02Dorl, James J Esq PROPOSAL15Anna Fali
1025Jefferson P ShinkoUnited Kingdom2026-09-10Chanay, Jeffrey A Esq NEGOTIATION93Elwin Sharvill
1026Aika H SaylorsCanada2026-09-21Printing Dimensions RENEWAL93Bernardo Dominic
1027Nicolas M MacleadItaly2026-09-09Truhlar And Truhlar Attys UNQUALIFIED30Ioni Bowcher
1028Clifford B IturbideJapan2026-09-26Chanay, Jeffrey A Esq RENEWAL16Anna Fali
1029James Z IturbideJapan2026-10-07Rangoni Of Florence QUALIFIED36Asiya Javayant
1030Aruna U WaycottAustralia2026-10-01Truhlar And Truhlar Attys UNQUALIFIED63Elwin Sharvill
1031Ivar A RimGermany2026-09-19Truhlar And Truhlar Attys UNQUALIFIED5Amy Elsner
1032Deepesh G WieserFrance2026-09-14Rousseaux, Michael Esq NEW65Anna Fali
1033Deepesh Z StockhamIndia2026-09-11Truhlar And Truhlar Attys RENEWAL59Stephen Shaw
1034Jeanfrancois U FollerAustralia2026-09-23Morlong Associates RENEWAL70Bernardo Dominic
1035Johnson A PaprockiFrance2026-09-15Feiner Bros PROPOSAL13Ivan Magalhaes
1036Costa O SaylorsRussia2026-10-03Feltz Printing Service QUALIFIED70Xuxue Feng
1037Francesco U MaletItaly2026-09-11Feltz Printing Service NEW73Asiya Javayant
1038Alejandro R CaldareraJapan2026-09-13Printing Dimensions PROPOSAL37Xuxue Feng
1039Ricardo K SlusarskiFrance2026-10-02Chemel, James L Cpa NEW63Asiya Javayant
1040Maria F BowleyGermany2026-09-20Benton, John B Jr PROPOSAL30Onyama Limba
1041Adams Y MorascaArgentina2026-09-10Rousseaux, Michael Esq UNQUALIFIED9Ioni Bowcher
1042Claire W StensethUnited Kingdom2026-10-06Printing Dimensions RENEWAL1Anna Fali
1043Faith D GarufiSpain2026-09-10Commercial Press UNQUALIFIED42Amy Elsner
1044Claire F MaletAustralia2026-09-14King, Christopher A Esq PROPOSAL60Anna Fali
1045Misaki T TollnerSpain2026-09-18Commercial Press PROPOSAL62Asiya Javayant
1046Mujtaba O FerenczSpain2026-09-09Feltz Printing Service PROPOSAL54Amy Elsner
1047Isabel O BowleyArgentina2026-09-18Buckley Miller Wright RENEWAL9Bernardo Dominic
1048Alejandro V SlusarskiAustralia2026-10-04King, Christopher A Esq UNQUALIFIED44Anna Fali
1049Ivar U DilliardBrazil2026-09-24Truhlar And Truhlar Attys PROPOSAL90Onyama Limba
Frozen Rows
NameCountryRepresentativeStatus
Julie Z PerinAustraliaAmy Elsner NEW
Darci I StockhamRussiaIoni Bowcher QUALIFIED
Juan T RulapaughItalyElwin Sharvill NEW
Arvin Z DilliardGermanyElwin Sharvill NEGOTIATION
Greenwood S RulapaughBrazilIvan Magalhaes PROPOSAL
Murillo A FigeroaCanadaAsiya Javayant NEW
Ashley K AlbaresRussiaAmy Elsner UNQUALIFIED
Kadeem H StockhamIndiaXuxue Feng PROPOSAL
Tony L PaprockiSpainStephen Shaw UNQUALIFIED
Alejandro I GarufiArgentinaAsiya Javayant PROPOSAL
Faith Q WaycottBrazilAmy Elsner NEGOTIATION
Isabel D BowleyArgentinaElwin Sharvill RENEWAL
Maria G StensethCanadaIoni Bowcher RENEWAL
Murillo Y StockhamBrazilAmy Elsner PROPOSAL
Smith L VenereBrazilElwin Sharvill UNQUALIFIED
Isabel D CampainUnited KingdomOnyama Limba RENEWAL
Misaki W KuskoCanadaElwin Sharvill PROPOSAL
Jennifer P WhobreyUnited KingdomIoni Bowcher NEW
Aika Y MorascaJapanAmy Elsner QUALIFIED
Aruna I AlbaresFranceAnna Fali NEGOTIATION
Kaitlin O GauchoFranceAmy Elsner UNQUALIFIED
Octavia S CaldareraJapanAsiya Javayant PROPOSAL
Greenwood H StensethUnited KingdomOnyama Limba NEGOTIATION
Izzy U PaprockiFranceOnyama Limba NEW
Wickens B FlosiCanadaElwin Sharvill PROPOSAL
Greenwood Z SchemmerRussiaIoni Bowcher RENEWAL
Cody Z OstroskyCanadaBernardo Dominic PROPOSAL
Alejandro Z VocelkaFranceIvan Magalhaes NEGOTIATION
Greenwood V NickaIndiaBernardo Dominic UNQUALIFIED
Ashley J NickaItalyIvan Magalhaes QUALIFIED
Deepesh N NestleBrazilAsiya Javayant UNQUALIFIED
Murillo U CampainFranceIvan Magalhaes UNQUALIFIED
Smith D FerenczBrazilBernardo Dominic UNQUALIFIED
Mayumi V NickaUnited KingdomElwin Sharvill RENEWAL
Aika X StensethArgentinaOnyama Limba RENEWAL
Jefferson O WhobreyBrazilElwin Sharvill NEW
Maisha F AlbaresSpainXuxue Feng NEW
Wickens Y NickaCanadaIvan Magalhaes QUALIFIED
Ricardo O GauchoUnited KingdomBernardo Dominic NEGOTIATION
Aika M CaudyGermanyXuxue Feng UNQUALIFIED
Costa W MacleadItalyAnna Fali NEGOTIATION
Tony K RulapaughJapanXuxue Feng NEGOTIATION
Emily G PerinRussiaAnna Fali UNQUALIFIED
Jeanfrancois Q MarrierBrazilAnna Fali UNQUALIFIED
Nicolas G RoysterAustraliaAnna Fali RENEWAL
James W RutaJapanAnna Fali NEW
Nicolas U SaylorsUnited KingdomAsiya Javayant NEW
Chavez N FlosiJapanAsiya Javayant RENEWAL
Cody N ShinkoSpainXuxue Feng NEGOTIATION
Adams R WaycottBrazilAsiya Javayant NEW
Frozen Columns
Name
Stacey T Glick
Clifford Y Shinko
Clifford U Malet
Chavez S Venere
Wickens W Ostrosky
Ashley R Dilliard
Aditya T Amigon
Alejandro L Butt
Munro U Dilliard
Jeanfrancois X Doe
Clifford V Albares
Cody Y Saylors
James K Briddick
Jefferson L Sergi
Misaki T Garufi
Tony I Gaucho
Morrow P Kusko
Juan V Albares
Leon F Schemmer
Wickens T Inouye
Morrow E Shinko
Leja G Tollner
Ricardo K Morasca
Kaitlin X Albares
Ashley R Albares
James J Briddick
Tony K Poquette
Clifford S Glick
Wickens J Perin
Francesco T Malet
Wickens X Marrier
Chavez H Malet
Jeanfrancois Y Malet
Costa F Glick
Darci J Dilliard
David C Malet
Darci X Kusko
Clifford D Briddick
Adams S Marrier
Munro C Venere
Tony P Stenseth
Claire R Vocelka
James X Malet
Rodrigues R Stenseth
Silvio C Rim
Stacey F Ruta
Cody C Whobrey
Leja R Rim
Ashley K Inouye
Antonio Q Marrier
IdCountryDate
1000Spain2026-09-27
1001United Kingdom2026-09-27
1002Japan2026-09-17
1003Argentina2026-09-10
1004Canada2026-10-03
1005Argentina2026-10-07
1006Japan2026-09-18
1007Russia2026-09-13
1008Brazil2026-09-09
1009India2026-09-13
1010Italy2026-10-07
1011Japan2026-09-26
1012France2026-09-17
1013United Kingdom2026-09-22
1014India2026-09-29
1015France2026-09-09
1016Canada2026-09-30
1017Italy2026-09-25
1018Australia2026-09-19
1019Russia2026-09-16
1020United Kingdom2026-09-16
1021Spain2026-09-08
1022Brazil2026-09-24
1023Australia2026-09-13
1024Argentina2026-10-03
1025Australia2026-09-23
1026India2026-09-20
1027Australia2026-09-20
1028Australia2026-10-07
1029Canada2026-09-13
1030Canada2026-10-02
1031Spain2026-09-27
1032Canada2026-10-05
1033France2026-10-05
1034France2026-09-24
1035India2026-09-14
1036Australia2026-09-30
1037Italy2026-09-21
1038Russia2026-09-28
1039Canada2026-09-14
1040Italy2026-09-27
1041Spain2026-09-26
1042Argentina2026-10-01
1043India2026-09-10
1044Japan2026-09-28
1045India2026-09-08
1046Argentina2026-09-30
1047Russia2026-10-05
1048France2026-09-14
1049Canada2026-09-23

On-Demand Data

NameIdCountryDate
Jeanfrancois O Kolmetz1000Australia2026-09-09
James A Butt1001United Kingdom2026-10-07
Clifford R Amigon1002Argentina2026-09-10
Silvio F Saylors1003Spain2026-09-18
Misaki F Ferencz1004Japan2026-10-02
Aruna T Whobrey1005Italy2026-09-24
Silvio M Nestle1006Brazil2026-09-29
Ashley X Morasca1007Italy2026-09-21
Nicolas F Gaucho1008Argentina2026-09-26
Wickens N Tollner1009Russia2026-09-25
Aditya B Slusarski1010United Kingdom2026-10-06
Morrow V Shinko1011France2026-09-24
David R Schemmer1012United Kingdom2026-09-15
Jeanfrancois L Venere1013Brazil2026-09-23
Morrow E Poquette1014Argentina2026-09-13
Antonio W Waycott1015Australia2026-09-14
Ashley P Bowley1016Germany2026-10-06
Arvin M Inouye1017Germany2026-09-13
Ivar A Iturbide1018Brazil2026-09-25
Claire P Darakjy1019Russia2026-09-27
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Greenwood T MaletFranceIoni Bowcher UNQUALIFIED
Morrow E NestleAustraliaAnna Fali QUALIFIED
Stacey V CaudyIndiaXuxue Feng PROPOSAL
David Q FigeroaCanadaElwin Sharvill NEW
Francesco R GillianGermanyElwin Sharvill QUALIFIED
Aika V ButtGermanyAnna Fali NEGOTIATION
Leon D SlusarskiRussiaOnyama Limba NEW
Adams P ButtSpainXuxue Feng NEGOTIATION
Jefferson L ButtArgentinaAsiya Javayant QUALIFIED
Aruna X IturbideBrazilElwin Sharvill NEW
Rodrigues K NickaGermanyIvan Magalhaes PROPOSAL
Mayumi E GarufiUnited KingdomXuxue Feng NEW
Deepesh W IturbideItalyBernardo Dominic NEGOTIATION
Isabel V BriddickCanadaIvan Magalhaes NEW
Kadeem M ChuiGermanyIvan Magalhaes PROPOSAL
Jeanfrancois J ButtArgentinaElwin Sharvill NEW
Smith O KuskoItalyAnna Fali QUALIFIED
Jones X BriddickItalyIoni Bowcher PROPOSAL
David D BologniaRussiaElwin Sharvill PROPOSAL
Ivar X GauchoRussiaIoni Bowcher NEW
Mujtaba A CaudyRussiaAnna Fali NEGOTIATION
Kaitlin P SergiJapanOnyama Limba NEGOTIATION
Stacey V VenereBrazilIoni Bowcher PROPOSAL
Ivar S MarrierIndiaXuxue Feng PROPOSAL
Alejandro U SergiRussiaBernardo Dominic QUALIFIED
Clifford Q KuskoCanadaElwin Sharvill PROPOSAL
Morrow E CaldareraSpainStephen Shaw UNQUALIFIED
Jefferson O DoeIndiaElwin Sharvill NEGOTIATION
Aika W ChuiIndiaIvan Magalhaes UNQUALIFIED
Antonio J BriddickSpainOnyama Limba UNQUALIFIED
Faith Y MorascaBrazilAmy Elsner NEGOTIATION
Ashley Z NestleGermanyAsiya Javayant PROPOSAL
Salvatore O VocelkaIndiaAsiya Javayant PROPOSAL
Octavia N ShinkoArgentinaStephen Shaw QUALIFIED
Izzy V SchemmerIndiaAmy Elsner PROPOSAL
Salvatore S IturbideCanadaElwin Sharvill NEGOTIATION
Alejandro I StockhamItalyOnyama Limba RENEWAL
Mayumi D TollnerJapanAsiya Javayant QUALIFIED
Francesco I WhobreyUnited KingdomOnyama Limba RENEWAL
Silvio X MaletAustraliaElwin Sharvill QUALIFIED

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