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
Izzy D BowleyRussiaIvan Magalhaes NEGOTIATION
Deepesh Q AlbaresGermanyBernardo Dominic PROPOSAL
Ricardo L GauchoAustraliaElwin Sharvill UNQUALIFIED
James V GarufiSpainElwin Sharvill PROPOSAL
Deepesh W AmigonItalyOnyama Limba RENEWAL
Wickens D DoeGermanyOnyama Limba PROPOSAL
Stacey Y FollerItalyAsiya Javayant RENEWAL
Maria D DilliardFranceIvan Magalhaes RENEWAL
Munro V RulapaughSpainElwin Sharvill PROPOSAL
Wickens L IturbideItalyAnna Fali NEW
Mayumi Z GillianUnited KingdomAmy Elsner UNQUALIFIED
Rodrigues K SergiGermanyXuxue Feng UNQUALIFIED
Jennifer T PerinRussiaAsiya Javayant QUALIFIED
Claire D RimBrazilAnna Fali QUALIFIED
Salvatore R AmigonUnited KingdomIoni Bowcher NEW
Kaitlin L RulapaughBrazilBernardo Dominic NEGOTIATION
Darci Q VocelkaItalyStephen Shaw NEGOTIATION
Francesco X DilliardJapanXuxue Feng QUALIFIED
Smith W BriddickFranceStephen Shaw NEGOTIATION
James Q DoeRussiaBernardo Dominic NEW
Clifford Y BowleyCanadaIoni Bowcher NEGOTIATION
Tony E MaletBrazilOnyama Limba RENEWAL
Aruna S ButtSpainIvan Magalhaes NEW
Faith H BologniaAustraliaAsiya Javayant NEGOTIATION
Jefferson J StensethAustraliaXuxue Feng UNQUALIFIED
Francesco W CampainArgentinaAsiya Javayant QUALIFIED
Adams C FollerRussiaIvan Magalhaes QUALIFIED
Silvio H MaletGermanyAsiya Javayant QUALIFIED
James V RulapaughJapanOnyama Limba RENEWAL
Aruna E BologniaItalyElwin Sharvill UNQUALIFIED
Nicolas D SchemmerAustraliaAnna Fali RENEWAL
Silvio H GarufiCanadaXuxue Feng QUALIFIED
Kaitlin F WieserIndiaOnyama Limba NEGOTIATION
Smith T MacleadIndiaAmy Elsner RENEWAL
Nicolas K SaylorsRussiaElwin Sharvill NEW
Julie F CaudyCanadaXuxue Feng NEW
Jones P RoysterIndiaElwin Sharvill NEGOTIATION
Jennifer D BowleyRussiaAmy Elsner RENEWAL
Ashley J TollnerIndiaXuxue Feng UNQUALIFIED
Mujtaba X NickaArgentinaXuxue Feng PROPOSAL
Mayumi N MacleadRussiaElwin Sharvill RENEWAL
Emily P KolmetzJapanBernardo Dominic PROPOSAL
Francesco Y StensethItalyAmy Elsner NEW
Costa P DarakjyCanadaXuxue Feng UNQUALIFIED
Costa R NestleBrazilBernardo Dominic NEW
Munro I WhobreyItalyAsiya Javayant PROPOSAL
Costa Y WaycottItalyAnna Fali PROPOSAL
Cody B MorascaArgentinaBernardo Dominic NEW
Munro H ShinkoSpainIvan Magalhaes UNQUALIFIED
Izzy O BriddickRussiaBernardo Dominic PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Wickens U GarufiArgentinaIvan Magalhaes NEW
Ivar A BriddickUnited KingdomOnyama Limba NEW
Arvin W SaylorsIndiaOnyama Limba NEGOTIATION
Kadeem L WaycottBrazilAsiya Javayant PROPOSAL
Juan F WieserJapanOnyama Limba NEGOTIATION
Aruna H IturbideItalyIvan Magalhaes PROPOSAL
Isabel L RulapaughIndiaAmy Elsner RENEWAL
Jeanfrancois W FerenczBrazilIvan Magalhaes NEW
Francesco P BowleyArgentinaElwin Sharvill QUALIFIED
Jennifer O NickaCanadaStephen Shaw PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Leja D SergiBrazil2026-11-07Rangoni Of Florence QUALIFIED54Ivan Magalhaes
1001Jeanfrancois B WaycottBrazil2026-10-15Truhlar And Truhlar Attys RENEWAL41Asiya Javayant
1002Chavez A RulapaughRussia2026-10-26Morlong Associates NEGOTIATION78Anna Fali
1003Darci B SlusarskiBrazil2026-11-13Feiner Bros NEGOTIATION44Ioni Bowcher
1004Izzy A DarakjySpain2026-10-30Chapman, Ross E Esq PROPOSAL46Ivan Magalhaes
1005Julie P BriddickCanada2026-11-09Feltz Printing Service QUALIFIED24Ioni Bowcher
1006Misaki J GillianSpain2026-10-19Rangoni Of Florence QUALIFIED5Stephen Shaw
1007David S NestleJapan2026-10-30Feiner Bros NEW66Elwin Sharvill
1008Chavez F DilliardJapan2026-10-21Feiner Bros NEGOTIATION23Elwin Sharvill
1009Greenwood S GlickSpain2026-10-30Morlong Associates NEGOTIATION13Amy Elsner
1010Juan K OstroskyFrance2026-11-01Feiner Bros UNQUALIFIED11Elwin Sharvill
1011Cody R GillianBrazil2026-10-17Chanay, Jeffrey A Esq QUALIFIED86Onyama Limba
1012Arvin Z SergiIndia2026-11-02Chemel, James L Cpa RENEWAL38Onyama Limba
1013Darci L OstroskyUnited Kingdom2026-10-21Feiner Bros NEW23Xuxue Feng
1014Arvin B AlbaresItaly2026-11-06Rangoni Of Florence PROPOSAL85Anna Fali
1015James F VocelkaAustralia2026-10-20Feltz Printing Service QUALIFIED73Amy Elsner
1016Tony K CaudyBrazil2026-10-21Benton, John B Jr PROPOSAL75Bernardo Dominic
1017Aditya B IturbideBrazil2026-10-17Morlong Associates NEGOTIATION31Ioni Bowcher
1018Claire O GillianFrance2026-11-06Benton, John B Jr PROPOSAL74Stephen Shaw
1019Juan Y FlosiUnited Kingdom2026-10-23Morlong Associates RENEWAL65Ioni Bowcher
1020Kadeem C FollerCanada2026-11-07Rousseaux, Michael Esq QUALIFIED64Stephen Shaw
1021Arvin V VenereJapan2026-11-06Dorl, James J Esq RENEWAL98Xuxue Feng
1022Claire V OstroskyBrazil2026-10-31King, Christopher A Esq QUALIFIED64Stephen Shaw
1023Kaitlin U BriddickJapan2026-10-21Commercial Press NEW84Stephen Shaw
1024Izzy O MacleadCanada2026-11-05Benton, John B Jr QUALIFIED36Asiya Javayant
1025Juan K MaletRussia2026-10-31King, Christopher A Esq UNQUALIFIED78Onyama Limba
1026Mayumi D SchemmerUnited Kingdom2026-10-18Benton, John B Jr QUALIFIED17Ivan Magalhaes
1027Jennifer B StockhamAustralia2026-11-01Feiner Bros RENEWAL95Bernardo Dominic
1028Johnson W CaudyBrazil2026-10-15Benton, John B Jr QUALIFIED66Elwin Sharvill
1029James O MacleadSpain2026-10-26Rangoni Of Florence NEW22Elwin Sharvill
1030Morrow A ButtItaly2026-11-01Chapman, Ross E Esq RENEWAL45Onyama Limba
1031Izzy D MaletIndia2026-11-09Commercial Press QUALIFIED77Ivan Magalhaes
1032Tony O OstroskySpain2026-10-15Feltz Printing Service PROPOSAL47Asiya Javayant
1033Jones M WhobreyArgentina2026-11-01Chapman, Ross E Esq NEW75Stephen Shaw
1034Aika O OstroskyGermany2026-11-08Chemel, James L Cpa PROPOSAL43Bernardo Dominic
1035Antonio S GillianRussia2026-10-17Rousseaux, Michael Esq NEW95Stephen Shaw
1036Adams R DarakjyCanada2026-10-18Buckley Miller Wright PROPOSAL49Ioni Bowcher
1037Wickens A DarakjyAustralia2026-11-11Benton, John B Jr NEGOTIATION34Asiya Javayant
1038Rodrigues R GlickCanada2026-10-23Benton, John B Jr UNQUALIFIED59Elwin Sharvill
1039Isabel P RoysterSpain2026-10-21Chemel, James L Cpa RENEWAL37Anna Fali
1040Julie N CaldareraBrazil2026-10-28King, Christopher A Esq NEW44Anna Fali
1041Jones F AmigonAustralia2026-11-12Chanay, Jeffrey A Esq PROPOSAL22Asiya Javayant
1042Faith H PaprockiJapan2026-11-03Morlong Associates QUALIFIED57Stephen Shaw
1043Ivar O DoeJapan2026-10-17Feiner Bros PROPOSAL88Anna Fali
1044Kadeem L CaldareraGermany2026-11-02Benton, John B Jr NEW59Bernardo Dominic
1045Octavia O RutaJapan2026-10-17Buckley Miller Wright UNQUALIFIED98Ioni Bowcher
1046Smith L CampainCanada2026-11-02Rousseaux, Michael Esq UNQUALIFIED80Onyama Limba
1047Leja A IturbideSpain2026-11-02Feltz Printing Service NEW68Anna Fali
1048Leon V FerenczAustralia2026-10-15King, Christopher A Esq NEGOTIATION93Onyama Limba
1049Antonio J RoysterCanada2026-10-18Truhlar And Truhlar Attys NEW82Elwin Sharvill
Frozen Rows
NameCountryRepresentativeStatus
Octavia I FerenczItalyAsiya Javayant UNQUALIFIED
Stacey U SchemmerFranceAmy Elsner QUALIFIED
Morrow X InouyeCanadaAnna Fali RENEWAL
Emily F InouyeBrazilBernardo Dominic QUALIFIED
Aruna A StockhamBrazilAsiya Javayant UNQUALIFIED
Aika N MarrierBrazilIoni Bowcher RENEWAL
Clifford M CaldareraSpainAsiya Javayant QUALIFIED
Maria W CaudyJapanOnyama Limba NEW
Wickens K RutaArgentinaBernardo Dominic QUALIFIED
Aruna S ButtArgentinaIvan Magalhaes UNQUALIFIED
Rodrigues K KolmetzIndiaIoni Bowcher NEW
Emily Q StensethRussiaBernardo Dominic NEW
Munro Y GauchoGermanyOnyama Limba PROPOSAL
Clifford N RutaFranceAnna Fali QUALIFIED
Izzy C SchemmerGermanyAmy Elsner PROPOSAL
David D VenereIndiaXuxue Feng PROPOSAL
Kaitlin O CaudyUnited KingdomAnna Fali PROPOSAL
Mayumi X SchemmerUnited KingdomIoni Bowcher NEW
James F CaldareraGermanyStephen Shaw RENEWAL
Adams K MaletFranceXuxue Feng NEW
Mayumi Q RulapaughIndiaAnna Fali RENEWAL
Murillo L CaldareraItalyIvan Magalhaes NEGOTIATION
Deepesh A RulapaughArgentinaAsiya Javayant UNQUALIFIED
Francesco G OstroskyBrazilAsiya Javayant NEGOTIATION
Deepesh E ChuiFranceOnyama Limba PROPOSAL
Stacey F VenereFranceOnyama Limba NEGOTIATION
Morrow C KolmetzAustraliaStephen Shaw QUALIFIED
Claire Y PoquetteIndiaOnyama Limba UNQUALIFIED
Stacey B VenereBrazilBernardo Dominic RENEWAL
Jennifer V FlosiSpainBernardo Dominic UNQUALIFIED
Clifford A SchemmerAustraliaXuxue Feng UNQUALIFIED
Julie Z OldroydArgentinaIvan Magalhaes NEGOTIATION
Smith G SergiIndiaAmy Elsner QUALIFIED
Jeanfrancois Y SergiItalyIoni Bowcher NEGOTIATION
Chavez P ButtUnited KingdomStephen Shaw NEW
Aika I BriddickSpainBernardo Dominic RENEWAL
James J SchemmerArgentinaStephen Shaw RENEWAL
Maisha B StensethArgentinaXuxue Feng PROPOSAL
Ricardo N TollnerAustraliaElwin Sharvill PROPOSAL
Faith J DarakjySpainOnyama Limba UNQUALIFIED
Leja U MorascaGermanyAnna Fali UNQUALIFIED
Cody W GlickFranceElwin Sharvill UNQUALIFIED
Jennifer T WieserCanadaStephen Shaw QUALIFIED
Stacey H MaletBrazilBernardo Dominic RENEWAL
Leon F RoysterCanadaAnna Fali NEGOTIATION
Ricardo S BowleyRussiaOnyama Limba PROPOSAL
Mayumi Y CaldareraSpainXuxue Feng PROPOSAL
Mujtaba T SchemmerGermanyElwin Sharvill UNQUALIFIED
Kadeem X VenereGermanyStephen Shaw RENEWAL
Ricardo O OstroskySpainAsiya Javayant QUALIFIED
Frozen Columns
Name
Alejandro Q Malet
Izzy J Rulapaugh
Clifford S Tollner
Jennifer X Shinko
Jefferson E Amigon
Smith Y Gillian
Leja X Perin
Juan U Campain
Morrow M Royster
Julie P Doe
Jefferson B Schemmer
Johnson M Bolognia
Clifford D Paprocki
Jeanfrancois T Royster
Adams A Ostrosky
Murillo V Perin
Octavia D Doe
Claire R Stenseth
Rodrigues D Stockham
Kadeem V Vocelka
Mujtaba U Maclead
Smith S Schemmer
Cody D Shinko
Wickens G Figeroa
Sinclair U Albares
Murillo E Schemmer
Jefferson H Kolmetz
Costa I Albares
Ricardo Z Poquette
Clifford U Chui
Ricardo O Paprocki
Cody Z Albares
Ricardo G Butt
Ashley V Flosi
Leon D Saylors
Aditya Z Poquette
Cody Y Campain
Maria T Nicka
Alejandro V Campain
Wickens M Figeroa
Misaki M Rim
Ricardo Y Iturbide
Aditya P Rulapaugh
Leon Z Maclead
Nicolas R Royster
Kaitlin Z Malet
Aruna R Malet
Aditya G Doe
Rodrigues K Doe
Clifford Z Ferencz
IdCountryDate
1000France2026-10-17
1001United Kingdom2026-10-29
1002Germany2026-10-29
1003Italy2026-11-09
1004India2026-11-01
1005India2026-10-31
1006India2026-11-02
1007Germany2026-10-17
1008United Kingdom2026-10-31
1009Australia2026-10-31
1010Canada2026-11-10
1011Canada2026-10-25
1012United Kingdom2026-10-15
1013Argentina2026-11-13
1014Russia2026-11-03
1015India2026-10-15
1016United Kingdom2026-11-02
1017Russia2026-10-29
1018Australia2026-10-31
1019Russia2026-10-31
1020France2026-10-27
1021Spain2026-11-04
1022Brazil2026-11-04
1023Germany2026-11-10
1024Australia2026-10-17
1025Spain2026-11-09
1026Argentina2026-11-12
1027Italy2026-10-26
1028Germany2026-10-22
1029Spain2026-10-26
1030France2026-10-17
1031United Kingdom2026-10-22
1032France2026-11-09
1033France2026-11-05
1034Japan2026-10-15
1035Spain2026-10-29
1036Spain2026-11-10
1037Spain2026-11-07
1038Spain2026-10-25
1039Japan2026-10-23
1040Germany2026-11-09
1041Argentina2026-10-20
1042Italy2026-10-22
1043Australia2026-10-22
1044Japan2026-10-18
1045Japan2026-10-15
1046Russia2026-11-03
1047India2026-10-24
1048Spain2026-11-01
1049Spain2026-11-06

On-Demand Data

NameIdCountryDate
Antonio H Shinko1000Argentina2026-10-31
Rodrigues H Caudy1001Canada2026-11-12
Stacey S Vocelka1002Canada2026-10-28
Kadeem G Kusko1003France2026-10-28
Arvin P Caldarera1004Canada2026-10-28
Munro S Oldroyd1005Japan2026-10-27
Arvin Z Gaucho1006France2026-11-05
Murillo W Schemmer1007France2026-10-20
Claire K Gaucho1008Russia2026-10-20
Ricardo A Gaucho1009Brazil2026-11-09
Aruna Q Nicka1010United Kingdom2026-10-20
Leon C Schemmer1011Germany2026-10-20
Greenwood B Gillian1012Argentina2026-11-04
Darci I Paprocki1013Germany2026-11-08
James Y Caudy1014India2026-10-15
Maisha M Ferencz1015Italy2026-11-02
Morrow O Iturbide1016Germany2026-11-05
Chavez I Vocelka1017France2026-10-23
Jones Z Marrier1018Germany2026-10-24
Aditya A Amigon1019India2026-11-07
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Johnson H SlusarskiUnited KingdomAnna Fali PROPOSAL
Cody F FollerAustraliaIoni Bowcher RENEWAL
Antonio D ButtRussiaIvan Magalhaes RENEWAL
Claire P RulapaughFranceOnyama Limba NEGOTIATION
Kadeem I KuskoJapanBernardo Dominic NEW
Jeanfrancois I MorascaJapanStephen Shaw RENEWAL
Jeanfrancois E BowleyGermanyIvan Magalhaes PROPOSAL
Rodrigues O BologniaSpainBernardo Dominic NEGOTIATION
David G VenereGermanyIvan Magalhaes QUALIFIED
Mayumi M DarakjyIndiaIoni Bowcher NEGOTIATION
Deepesh M FlosiIndiaIvan Magalhaes QUALIFIED
Juan H BologniaUnited KingdomAnna Fali NEGOTIATION
Aruna O SlusarskiRussiaIvan Magalhaes PROPOSAL
Jennifer F FlosiItalyStephen Shaw PROPOSAL
Chavez M FollerGermanyIoni Bowcher NEW
Tony J FigeroaIndiaIvan Magalhaes NEW
Rodrigues M IturbideJapanAmy Elsner RENEWAL
Aika V BowleyAustraliaElwin Sharvill NEW
Silvio O FollerRussiaIvan Magalhaes NEGOTIATION
Stacey O SlusarskiItalyOnyama Limba UNQUALIFIED
Isabel S GillianArgentinaOnyama Limba NEW
Aika F VenereFranceOnyama Limba NEW
Julie J VenereFranceOnyama Limba NEGOTIATION
Kaitlin V IturbideIndiaIoni Bowcher UNQUALIFIED
Leja L RulapaughUnited KingdomAsiya Javayant RENEWAL
Kadeem T WhobreyCanadaAmy Elsner UNQUALIFIED
Aditya K RutaJapanAnna Fali NEGOTIATION
Jefferson Q RimIndiaXuxue Feng PROPOSAL
Smith B WhobreyFranceAsiya Javayant PROPOSAL
Misaki H AmigonSpainIoni Bowcher NEW
Misaki N ShinkoJapanElwin Sharvill QUALIFIED
Rodrigues E FollerIndiaBernardo Dominic PROPOSAL
Sinclair Q RoysterSpainAsiya Javayant UNQUALIFIED
Rodrigues L FollerIndiaIoni Bowcher NEW
Ashley G RimJapanAsiya Javayant QUALIFIED
Kaitlin A MacleadAustraliaElwin Sharvill QUALIFIED
Emily H GlickUnited KingdomOnyama Limba NEGOTIATION
Rodrigues Q NickaJapanIvan Magalhaes UNQUALIFIED
Clifford G FollerArgentinaAnna Fali QUALIFIED
Aruna I InouyeRussiaOnyama Limba RENEWAL

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