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
Cody L RimItalyOnyama Limba NEGOTIATION
Aika N WhobreyRussiaStephen Shaw NEGOTIATION
Cody K WaycottRussiaIoni Bowcher QUALIFIED
Claire J SchemmerSpainAnna Fali RENEWAL
Kaitlin D StensethCanadaBernardo Dominic UNQUALIFIED
Sinclair E ButtGermanyStephen Shaw PROPOSAL
Jefferson G SlusarskiBrazilXuxue Feng NEW
Isabel Q MaletGermanyStephen Shaw QUALIFIED
Arvin U CampainCanadaAmy Elsner PROPOSAL
Francesco C StockhamIndiaAsiya Javayant QUALIFIED
Maria I DilliardCanadaElwin Sharvill NEW
Jefferson X GauchoUnited KingdomXuxue Feng PROPOSAL
Ricardo D ChuiCanadaAsiya Javayant UNQUALIFIED
Octavia J GlickRussiaAsiya Javayant UNQUALIFIED
Isabel F OstroskyItalyAmy Elsner NEGOTIATION
Deepesh V DoeCanadaBernardo Dominic PROPOSAL
Kaitlin R WieserItalyBernardo Dominic NEW
David K RutaGermanyIvan Magalhaes NEGOTIATION
Tony D OstroskyUnited KingdomIoni Bowcher NEGOTIATION
Jennifer L CaudySpainOnyama Limba RENEWAL
Ivar X ButtBrazilXuxue Feng PROPOSAL
Maria W MarrierUnited KingdomBernardo Dominic RENEWAL
Alejandro B GillianRussiaAnna Fali UNQUALIFIED
Johnson Y ButtFranceOnyama Limba RENEWAL
Maria X GillianSpainIvan Magalhaes NEGOTIATION
Octavia R StockhamSpainAmy Elsner QUALIFIED
Chavez C ShinkoUnited KingdomXuxue Feng UNQUALIFIED
Claire Q StockhamFranceAsiya Javayant RENEWAL
Greenwood C RoysterCanadaAmy Elsner NEGOTIATION
Munro S RutaUnited KingdomBernardo Dominic QUALIFIED
Izzy D MorascaFranceIoni Bowcher NEW
Julie U RoysterAustraliaAnna Fali UNQUALIFIED
Kaitlin Q BriddickIndiaIvan Magalhaes RENEWAL
Maisha A MacleadArgentinaAsiya Javayant QUALIFIED
Alejandro Z GlickAustraliaXuxue Feng PROPOSAL
Jeanfrancois C KuskoJapanOnyama Limba QUALIFIED
Cody X CaldareraAustraliaAnna Fali RENEWAL
Mayumi H CaldareraRussiaOnyama Limba NEGOTIATION
Maisha C AlbaresCanadaXuxue Feng PROPOSAL
Mujtaba H WieserCanadaXuxue Feng NEGOTIATION
Chavez X WhobreyGermanyIvan Magalhaes RENEWAL
Cody M ChuiAustraliaAmy Elsner UNQUALIFIED
Antonio O MarrierBrazilStephen Shaw NEGOTIATION
Darci Z RulapaughJapanAsiya Javayant UNQUALIFIED
Johnson L CaudyCanadaXuxue Feng QUALIFIED
Greenwood N StensethGermanyStephen Shaw QUALIFIED
Juan T RimJapanBernardo Dominic QUALIFIED
Juan N PerinJapanAsiya Javayant NEW
Emily R FollerUnited KingdomBernardo Dominic UNQUALIFIED
Octavia S KolmetzAustraliaBernardo Dominic RENEWAL
Horizontal
NameCountryRepresentativeStatus
Faith M SlusarskiBrazilAnna Fali NEGOTIATION
Costa E FerenczArgentinaAmy Elsner NEW
Julie W ChuiArgentinaXuxue Feng UNQUALIFIED
Emily X KuskoGermanyAmy Elsner PROPOSAL
Darci P SergiGermanyOnyama Limba PROPOSAL
Wickens S RutaAustraliaIvan Magalhaes PROPOSAL
Alejandro M WieserSpainAnna Fali QUALIFIED
Greenwood B DilliardUnited KingdomAsiya Javayant NEW
Mujtaba Y OldroydIndiaAsiya Javayant QUALIFIED
Aditya R SaylorsRussiaAmy Elsner PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Munro S VocelkaAustralia2026-10-08Truhlar And Truhlar Attys UNQUALIFIED66Xuxue Feng
1001Costa O MacleadGermany2026-09-18Chapman, Ross E Esq PROPOSAL11Anna Fali
1002Isabel N BowleyRussia2026-10-06Printing Dimensions RENEWAL78Xuxue Feng
1003Kaitlin F NestleSpain2026-09-18Benton, John B Jr RENEWAL73Anna Fali
1004Mayumi T WhobreyAustralia2026-09-15Dorl, James J Esq PROPOSAL98Xuxue Feng
1005Leon D GillianItaly2026-10-11Feiner Bros PROPOSAL7Xuxue Feng
1006Leja B CampainFrance2026-10-04Benton, John B Jr UNQUALIFIED36Amy Elsner
1007Faith A FerenczItaly2026-09-18Truhlar And Truhlar Attys NEW27Onyama Limba
1008Darci B GarufiFrance2026-10-11King, Christopher A Esq NEGOTIATION53Amy Elsner
1009Morrow U CaudySpain2026-10-01King, Christopher A Esq NEW13Xuxue Feng
1010Emily B FollerItaly2026-10-03Chemel, James L Cpa RENEWAL99Xuxue Feng
1011Juan P NickaGermany2026-10-11Chanay, Jeffrey A Esq RENEWAL83Anna Fali
1012Cody L FigeroaBrazil2026-09-28Buckley Miller Wright NEW95Xuxue Feng
1013David V BologniaGermany2026-09-17Feiner Bros RENEWAL96Bernardo Dominic
1014Greenwood E CaldareraAustralia2026-10-13Chemel, James L Cpa UNQUALIFIED60Bernardo Dominic
1015Izzy B RutaUnited Kingdom2026-09-17Chemel, James L Cpa PROPOSAL48Asiya Javayant
1016Salvatore G RutaBrazil2026-09-22Rousseaux, Michael Esq NEW46Stephen Shaw
1017Nicolas Y BowleyBrazil2026-09-28Feiner Bros RENEWAL29Ioni Bowcher
1018Julie U GauchoFrance2026-09-20Chemel, James L Cpa RENEWAL61Asiya Javayant
1019Julie J CaldareraArgentina2026-09-15Buckley Miller Wright PROPOSAL19Anna Fali
1020Misaki P CampainUnited Kingdom2026-09-15Commercial Press QUALIFIED55Anna Fali
1021Sinclair E FollerUnited Kingdom2026-09-17Buckley Miller Wright QUALIFIED40Stephen Shaw
1022Maisha Q GarufiBrazil2026-09-15King, Christopher A Esq QUALIFIED2Ioni Bowcher
1023Ashley L ChuiUnited Kingdom2026-09-27Commercial Press NEGOTIATION49Elwin Sharvill
1024Morrow Q KolmetzBrazil2026-09-17Chanay, Jeffrey A Esq RENEWAL60Ivan Magalhaes
1025Munro A SaylorsFrance2026-09-21Feiner Bros PROPOSAL59Elwin Sharvill
1026Johnson T MaletSpain2026-09-30Rangoni Of Florence NEW13Anna Fali
1027Murillo M OstroskyFrance2026-09-23Chanay, Jeffrey A Esq QUALIFIED91Elwin Sharvill
1028Octavia W VocelkaGermany2026-10-13Chanay, Jeffrey A Esq NEGOTIATION68Xuxue Feng
1029Morrow H KolmetzBrazil2026-09-24King, Christopher A Esq NEW81Amy Elsner
1030Octavia B GlickGermany2026-10-03King, Christopher A Esq NEW96Anna Fali
1031Mayumi G FigeroaUnited Kingdom2026-09-27Chapman, Ross E Esq QUALIFIED87Onyama Limba
1032Silvio E StockhamUnited Kingdom2026-09-25Printing Dimensions NEGOTIATION2Ivan Magalhaes
1033Arvin L DoeSpain2026-10-08Chapman, Ross E Esq NEGOTIATION2Stephen Shaw
1034Stacey F GlickItaly2026-10-11Dorl, James J Esq QUALIFIED34Asiya Javayant
1035Leon B ShinkoFrance2026-10-11Printing Dimensions PROPOSAL29Ivan Magalhaes
1036Adams T GlickAustralia2026-10-01Commercial Press RENEWAL41Asiya Javayant
1037Aruna B VocelkaArgentina2026-09-28Chanay, Jeffrey A Esq UNQUALIFIED73Ivan Magalhaes
1038Murillo K FlosiCanada2026-09-15Rousseaux, Michael Esq UNQUALIFIED2Ivan Magalhaes
1039Kadeem Y ChuiAustralia2026-09-21Rousseaux, Michael Esq QUALIFIED64Stephen Shaw
1040Murillo S MaletIndia2026-09-22Buckley Miller Wright UNQUALIFIED72Asiya Javayant
1041Greenwood T ButtSpain2026-09-18Feltz Printing Service NEGOTIATION21Onyama Limba
1042Antonio M ChuiItaly2026-10-04Feiner Bros RENEWAL90Ioni Bowcher
1043Cody S ChuiSpain2026-10-05Chemel, James L Cpa QUALIFIED67Anna Fali
1044Octavia O CaldareraUnited Kingdom2026-09-29Rousseaux, Michael Esq NEW24Amy Elsner
1045Emily Y WhobreyJapan2026-10-10Buckley Miller Wright PROPOSAL88Onyama Limba
1046Leon A KuskoItaly2026-09-19Chanay, Jeffrey A Esq QUALIFIED61Stephen Shaw
1047Nicolas A StockhamItaly2026-10-10Feiner Bros QUALIFIED56Asiya Javayant
1048Darci J FollerGermany2026-09-18Chemel, James L Cpa NEGOTIATION44Xuxue Feng
1049Maria A FlosiFrance2026-10-10Truhlar And Truhlar Attys RENEWAL46Asiya Javayant
Frozen Rows
NameCountryRepresentativeStatus
Antonio T MorascaRussiaStephen Shaw NEGOTIATION
Darci S SergiBrazilAmy Elsner NEGOTIATION
Munro T NestleGermanyAmy Elsner QUALIFIED
Costa Z NickaJapanIvan Magalhaes NEGOTIATION
Izzy Q MacleadFranceXuxue Feng UNQUALIFIED
Salvatore X FollerBrazilStephen Shaw NEGOTIATION
Izzy B KuskoJapanElwin Sharvill QUALIFIED
Rodrigues A TollnerItalyAnna Fali PROPOSAL
Jefferson K MaletAustraliaAmy Elsner PROPOSAL
Mujtaba Q VocelkaJapanElwin Sharvill QUALIFIED
Juan G DarakjyItalyIvan Magalhaes NEGOTIATION
Deepesh T RutaArgentinaXuxue Feng RENEWAL
Morrow U SaylorsArgentinaBernardo Dominic NEGOTIATION
Claire F RulapaughSpainIvan Magalhaes UNQUALIFIED
Aruna B ButtRussiaAnna Fali NEGOTIATION
David X MaletRussiaAnna Fali NEGOTIATION
Murillo D MacleadGermanyOnyama Limba NEGOTIATION
Aika D CaudyBrazilIoni Bowcher NEGOTIATION
Mujtaba V RoysterAustraliaAmy Elsner RENEWAL
Octavia S AmigonArgentinaBernardo Dominic NEGOTIATION
Kaitlin H PerinUnited KingdomBernardo Dominic QUALIFIED
Isabel E AlbaresCanadaIvan Magalhaes NEGOTIATION
Jennifer I ShinkoArgentinaIvan Magalhaes NEW
Octavia N WhobreyRussiaIvan Magalhaes QUALIFIED
Rodrigues P BowleyFranceIoni Bowcher UNQUALIFIED
Octavia W DilliardUnited KingdomElwin Sharvill RENEWAL
Tony X MaletSpainIoni Bowcher UNQUALIFIED
Mujtaba A PerinItalyAsiya Javayant UNQUALIFIED
Emily B PaprockiAustraliaAsiya Javayant QUALIFIED
Arvin Y MaletFranceElwin Sharvill PROPOSAL
Aika Q BologniaCanadaAnna Fali RENEWAL
Deepesh O ButtJapanOnyama Limba RENEWAL
Tony G GauchoRussiaAnna Fali RENEWAL
Munro D FollerBrazilIoni Bowcher QUALIFIED
Aruna K FollerCanadaIoni Bowcher NEW
Isabel O NickaIndiaAnna Fali RENEWAL
Silvio V MarrierIndiaAmy Elsner PROPOSAL
Salvatore P AlbaresJapanIoni Bowcher NEW
Mujtaba I DarakjyArgentinaAnna Fali RENEWAL
Salvatore H SaylorsAustraliaIoni Bowcher RENEWAL
Leja F CampainFranceBernardo Dominic QUALIFIED
Darci N IturbideCanadaBernardo Dominic NEGOTIATION
Arvin K DilliardUnited KingdomXuxue Feng QUALIFIED
Isabel G StensethUnited KingdomElwin Sharvill NEGOTIATION
Maisha O OstroskyBrazilOnyama Limba PROPOSAL
Stacey E VenereJapanOnyama Limba NEW
Jennifer U WieserFranceAmy Elsner PROPOSAL
Wickens F BriddickCanadaAsiya Javayant UNQUALIFIED
Darci L NickaAustraliaIvan Magalhaes NEW
Murillo U ButtUnited KingdomXuxue Feng NEW
Frozen Columns
Name
Jefferson S Caudy
Johnson Y Royster
Juan G Flosi
Alejandro E Poquette
Arvin L Wieser
Leon B Royster
Sinclair C Butt
Juan A Garufi
Isabel S Darakjy
Octavia Y Stenseth
Misaki M Maclead
Wickens M Nicka
Johnson E Sergi
Silvio T Rim
Chavez G Poquette
Darci T Figeroa
Isabel S Malet
Ashley V Wieser
Kaitlin P Butt
Nicolas W Ruta
Maisha S Caldarera
Mujtaba E Oldroyd
Costa X Poquette
Cody V Amigon
Maisha F Paprocki
Izzy K Nestle
Aika Y Rim
Faith T Amigon
Cody P Amigon
Munro R Wieser
Julie O Royster
Aika S Rim
Smith H Caldarera
Chavez X Inouye
Mayumi Q Paprocki
Kadeem P Schemmer
Leja G Perin
Silvio L Amigon
Jennifer D Nestle
Sinclair T Caldarera
James T Chui
Munro G Royster
Jennifer E Butt
Julie P Ferencz
Darci L Vocelka
Ricardo V Perin
Claire B Figeroa
David L Schemmer
Maria B Darakjy
Kaitlin M Nicka
IdCountryDate
1000Australia2026-09-25
1001Spain2026-10-12
1002Brazil2026-10-03
1003Russia2026-09-18
1004Japan2026-09-17
1005France2026-09-15
1006Argentina2026-09-21
1007United Kingdom2026-09-16
1008Australia2026-10-12
1009Russia2026-09-19
1010Japan2026-09-15
1011Spain2026-09-17
1012Brazil2026-09-20
1013Argentina2026-10-03
1014Australia2026-10-12
1015Germany2026-09-25
1016Italy2026-10-05
1017India2026-10-04
1018Germany2026-09-25
1019Italy2026-10-02
1020Argentina2026-09-24
1021Brazil2026-10-02
1022United Kingdom2026-10-05
1023United Kingdom2026-09-23
1024Brazil2026-10-10
1025Russia2026-10-07
1026Australia2026-09-20
1027Germany2026-09-29
1028France2026-10-05
1029Germany2026-09-16
1030France2026-09-20
1031Argentina2026-09-27
1032Australia2026-09-29
1033India2026-10-11
1034Brazil2026-09-30
1035Argentina2026-09-28
1036Russia2026-09-20
1037Italy2026-09-21
1038Germany2026-10-06
1039Italy2026-09-20
1040Germany2026-09-28
1041Spain2026-10-03
1042Argentina2026-09-20
1043Italy2026-09-30
1044Russia2026-09-26
1045France2026-09-28
1046Russia2026-09-17
1047Spain2026-10-08
1048Australia2026-09-29
1049United Kingdom2026-10-02

On-Demand Data

NameIdCountryDate
Darci C Ferencz1000Russia2026-10-09
David A Saylors1001Australia2026-10-02
Chavez A Royster1002Italy2026-10-11
James O Paprocki1003Australia2026-09-23
Octavia Z Dilliard1004Australia2026-09-15
Silvio K Whobrey1005India2026-09-22
Aditya S Venere1006Italy2026-10-08
Claire D Chui1007France2026-09-26
James F Doe1008Argentina2026-10-13
Morrow I Kusko1009Canada2026-10-03
Claire O Shinko1010India2026-10-14
Juan F Butt1011Spain2026-10-14
Wickens R Poquette1012France2026-09-24
Claire N Ruta1013Japan2026-09-29
Kadeem R Darakjy1014Russia2026-09-26
Alejandro S Poquette1015Canada2026-09-22
Rodrigues A Maclead1016Canada2026-09-16
Stacey Y Malet1017France2026-09-18
Ivar L Caldarera1018Spain2026-10-08
Leon T Garufi1019Spain2026-09-27
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Adams U NestleItalyStephen Shaw QUALIFIED
Octavia S CaldareraRussiaIoni Bowcher NEW
Jones N CampainArgentinaIvan Magalhaes PROPOSAL
Maisha Y FigeroaSpainAnna Fali QUALIFIED
Octavia I TollnerFranceOnyama Limba RENEWAL
Smith X WhobreySpainBernardo Dominic RENEWAL
Maisha K WaycottAustraliaBernardo Dominic UNQUALIFIED
Deepesh K AlbaresUnited KingdomAsiya Javayant NEGOTIATION
Deepesh Z DoeSpainAmy Elsner QUALIFIED
Jeanfrancois C StensethSpainAmy Elsner RENEWAL
Greenwood H KolmetzAustraliaAsiya Javayant NEW
James G AmigonArgentinaAnna Fali UNQUALIFIED
Isabel C RimBrazilAmy Elsner NEW
Mujtaba M SergiItalyElwin Sharvill NEGOTIATION
Murillo W FollerItalyOnyama Limba NEGOTIATION
Jones Y FlosiArgentinaAsiya Javayant UNQUALIFIED
Aruna J KuskoBrazilStephen Shaw NEGOTIATION
Jefferson Y MarrierArgentinaIvan Magalhaes NEGOTIATION
Octavia E StockhamFranceIoni Bowcher UNQUALIFIED
Stacey C DilliardFranceXuxue Feng NEW
Francesco I TollnerFranceAnna Fali PROPOSAL
Smith N MaletJapanIoni Bowcher UNQUALIFIED
Kadeem O AlbaresUnited KingdomIoni Bowcher NEGOTIATION
Leon D AlbaresAustraliaElwin Sharvill QUALIFIED
Aditya J SchemmerAustraliaOnyama Limba UNQUALIFIED
Antonio R NestleIndiaAsiya Javayant NEGOTIATION
Misaki D PaprockiArgentinaIvan Magalhaes QUALIFIED
Alejandro Q BriddickBrazilAmy Elsner NEGOTIATION
Murillo G PaprockiItalyBernardo Dominic RENEWAL
Aruna P BowleyBrazilBernardo Dominic NEGOTIATION
David S KolmetzItalyElwin Sharvill RENEWAL
Faith Q NickaJapanIoni Bowcher NEW
Costa L FlosiAustraliaOnyama Limba NEW
Maisha P DilliardItalyIoni Bowcher NEGOTIATION
Jennifer Z MaletRussiaAmy Elsner UNQUALIFIED
Darci O FigeroaGermanyIoni Bowcher RENEWAL
Darci N SaylorsUnited KingdomIvan Magalhaes QUALIFIED
Aditya C GillianAustraliaXuxue Feng UNQUALIFIED
Nicolas M WhobreyFranceElwin Sharvill UNQUALIFIED
Costa X MarrierGermanyAmy Elsner 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>