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
Mayumi Z DarakjyAustraliaAnna Fali NEW
Isabel M GauchoUnited KingdomElwin Sharvill RENEWAL
James X GarufiUnited KingdomElwin Sharvill NEW
Deepesh B ChuiSpainAmy Elsner NEW
Aruna Q TollnerGermanyIoni Bowcher NEGOTIATION
Leon I VenereGermanyAnna Fali NEW
Faith H WhobreyBrazilIvan Magalhaes UNQUALIFIED
Isabel F PaprockiArgentinaStephen Shaw UNQUALIFIED
Leon H NestleBrazilXuxue Feng RENEWAL
Francesco D AmigonFranceXuxue Feng QUALIFIED
Stacey W PerinArgentinaElwin Sharvill QUALIFIED
Cody Y FollerCanadaOnyama Limba QUALIFIED
Smith X BowleyIndiaBernardo Dominic NEGOTIATION
Alejandro I BowleyIndiaStephen Shaw PROPOSAL
David J AmigonGermanyXuxue Feng UNQUALIFIED
Stacey A IturbideRussiaIoni Bowcher NEGOTIATION
Juan V KuskoJapanXuxue Feng UNQUALIFIED
Maria Y CampainItalyAmy Elsner NEW
Nicolas U MaletRussiaIvan Magalhaes UNQUALIFIED
Cody P RimArgentinaAmy Elsner RENEWAL
Munro P GlickCanadaStephen Shaw RENEWAL
Mayumi R KolmetzBrazilElwin Sharvill QUALIFIED
Leja G MaletSpainIvan Magalhaes UNQUALIFIED
Clifford B VenereGermanyAmy Elsner RENEWAL
Maria C BriddickFranceOnyama Limba QUALIFIED
Ricardo T SlusarskiFranceAnna Fali RENEWAL
Mujtaba D PaprockiJapanStephen Shaw NEW
Kadeem E SaylorsJapanBernardo Dominic QUALIFIED
Ricardo C RimIndiaOnyama Limba PROPOSAL
Emily S WaycottIndiaOnyama Limba RENEWAL
Chavez B SlusarskiSpainAnna Fali PROPOSAL
Wickens A ChuiGermanyElwin Sharvill NEGOTIATION
Jones Y NickaItalyAmy Elsner NEGOTIATION
Jeanfrancois M GillianSpainIvan Magalhaes PROPOSAL
Smith R ShinkoRussiaElwin Sharvill PROPOSAL
Morrow W IturbideAustraliaIoni Bowcher NEGOTIATION
Misaki V WhobreyBrazilIvan Magalhaes NEW
Alejandro S MarrierSpainAmy Elsner UNQUALIFIED
Mayumi Q WhobreyFranceStephen Shaw QUALIFIED
Kaitlin J SergiUnited KingdomAsiya Javayant RENEWAL
Jones E PerinGermanyOnyama Limba RENEWAL
Deepesh T DilliardItalyXuxue Feng QUALIFIED
Chavez F BologniaIndiaStephen Shaw RENEWAL
Faith I DilliardBrazilXuxue Feng NEW
Izzy S PoquetteCanadaElwin Sharvill NEGOTIATION
Ricardo D BowleyGermanyStephen Shaw PROPOSAL
Kaitlin R SlusarskiGermanyStephen Shaw NEW
David Y CampainBrazilBernardo Dominic NEGOTIATION
Julie R BriddickAustraliaAnna Fali PROPOSAL
Murillo B MaletBrazilIvan Magalhaes NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Octavia P GauchoUnited KingdomIoni Bowcher UNQUALIFIED
Greenwood G VocelkaSpainElwin Sharvill NEGOTIATION
Johnson C WhobreyCanadaOnyama Limba NEW
Misaki M FigeroaAustraliaStephen Shaw PROPOSAL
Kadeem C RutaFranceStephen Shaw UNQUALIFIED
Aika E CaudyFranceOnyama Limba NEGOTIATION
Darci D ButtItalyAmy Elsner NEGOTIATION
Tony G KuskoUnited KingdomBernardo Dominic PROPOSAL
Emily S FigeroaAustraliaBernardo Dominic NEGOTIATION
Kaitlin I FigeroaCanadaAsiya Javayant NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Chavez U DilliardBrazil2026-11-02Printing Dimensions UNQUALIFIED11Xuxue Feng
1001Kadeem S RimFrance2026-10-26Feiner Bros RENEWAL23Anna Fali
1002Leja X NickaAustralia2026-11-01Chanay, Jeffrey A Esq NEGOTIATION72Ivan Magalhaes
1003Jennifer E BologniaCanada2026-10-31Feltz Printing Service RENEWAL42Onyama Limba
1004Maria I MacleadArgentina2026-10-10Chapman, Ross E Esq UNQUALIFIED3Stephen Shaw
1005Leja Q InouyeGermany2026-10-13Chapman, Ross E Esq NEGOTIATION15Anna Fali
1006Aditya J KolmetzUnited Kingdom2026-10-11Chanay, Jeffrey A Esq NEW1Ivan Magalhaes
1007Mayumi X RutaArgentina2026-10-28Benton, John B Jr NEW77Anna Fali
1008Jones F SchemmerFrance2026-10-29Rousseaux, Michael Esq UNQUALIFIED13Amy Elsner
1009Tony X MaletCanada2026-10-20Buckley Miller Wright UNQUALIFIED20Anna Fali
1010Alejandro E SchemmerBrazil2026-10-17Feiner Bros NEW85Amy Elsner
1011Munro Y SergiGermany2026-10-20Morlong Associates PROPOSAL13Anna Fali
1012Antonio D NestleGermany2026-10-26Feltz Printing Service RENEWAL83Elwin Sharvill
1013Kadeem Q IturbideAustralia2026-10-12Rousseaux, Michael Esq PROPOSAL10Anna Fali
1014Mujtaba K StockhamAustralia2026-11-05Chapman, Ross E Esq NEW20Amy Elsner
1015Misaki H SchemmerFrance2026-10-14Chapman, Ross E Esq PROPOSAL87Onyama Limba
1016Maria F AlbaresRussia2026-10-16Buckley Miller Wright NEW43Xuxue Feng
1017Misaki W SergiItaly2026-10-27Printing Dimensions UNQUALIFIED57Xuxue Feng
1018Izzy M WieserSpain2026-10-16Rousseaux, Michael Esq UNQUALIFIED74Elwin Sharvill
1019Alejandro Q KuskoSpain2026-10-16Chanay, Jeffrey A Esq RENEWAL39Elwin Sharvill
1020Sinclair W FerenczUnited Kingdom2026-11-05Morlong Associates PROPOSAL91Stephen Shaw
1021Jennifer A KolmetzIndia2026-11-05Chemel, James L Cpa NEGOTIATION45Ivan Magalhaes
1022Julie N SergiJapan2026-10-20King, Christopher A Esq UNQUALIFIED6Asiya Javayant
1023Leja L NestleSpain2026-10-23Printing Dimensions QUALIFIED43Xuxue Feng
1024Stacey H GauchoSpain2026-10-15Buckley Miller Wright NEGOTIATION20Asiya Javayant
1025Costa I OldroydArgentina2026-11-05Commercial Press PROPOSAL98Onyama Limba
1026Alejandro S FlosiAustralia2026-11-01Benton, John B Jr PROPOSAL81Elwin Sharvill
1027Morrow U MaletArgentina2026-10-11Dorl, James J Esq NEW2Bernardo Dominic
1028Johnson M ChuiRussia2026-11-06Feltz Printing Service UNQUALIFIED45Stephen Shaw
1029Octavia K FigeroaGermany2026-10-30Feltz Printing Service QUALIFIED73Xuxue Feng
1030Jefferson J IturbideGermany2026-11-07Morlong Associates NEW80Amy Elsner
1031Wickens K KolmetzRussia2026-10-18Printing Dimensions NEW12Amy Elsner
1032Misaki W MaletRussia2026-10-15Feltz Printing Service RENEWAL58Amy Elsner
1033Claire T TollnerIndia2026-10-29Chemel, James L Cpa RENEWAL64Amy Elsner
1034Leja K SchemmerIndia2026-10-12Morlong Associates RENEWAL48Anna Fali
1035Johnson B WieserArgentina2026-10-19Printing Dimensions NEGOTIATION76Asiya Javayant
1036Jennifer V RulapaughSpain2026-10-13Truhlar And Truhlar Attys RENEWAL64Amy Elsner
1037Greenwood L AmigonCanada2026-10-13Feiner Bros PROPOSAL62Bernardo Dominic
1038Antonio V RutaSpain2026-10-16Rangoni Of Florence NEGOTIATION88Amy Elsner
1039Rodrigues N BologniaAustralia2026-10-14Morlong Associates UNQUALIFIED95Bernardo Dominic
1040Misaki W TollnerIndia2026-10-15Chemel, James L Cpa PROPOSAL47Asiya Javayant
1041Cody I SaylorsUnited Kingdom2026-10-21Feiner Bros RENEWAL33Onyama Limba
1042Jeanfrancois U GauchoCanada2026-10-11Dorl, James J Esq QUALIFIED59Ioni Bowcher
1043Munro A MacleadSpain2026-10-14Rangoni Of Florence NEGOTIATION96Ioni Bowcher
1044Kadeem R CampainItaly2026-11-05Rangoni Of Florence NEGOTIATION66Stephen Shaw
1045Claire C GauchoGermany2026-11-06Commercial Press PROPOSAL28Anna Fali
1046Sinclair Z MorascaCanada2026-11-05Buckley Miller Wright UNQUALIFIED93Anna Fali
1047Munro K CampainArgentina2026-10-29Feltz Printing Service RENEWAL91Asiya Javayant
1048Francesco H CampainRussia2026-10-26Truhlar And Truhlar Attys UNQUALIFIED98Asiya Javayant
1049Faith L WieserCanada2026-10-31Feiner Bros QUALIFIED56Ivan Magalhaes
Frozen Rows
NameCountryRepresentativeStatus
James L NickaArgentinaIvan Magalhaes NEW
Adams H CaudySpainAsiya Javayant PROPOSAL
Arvin U VenereItalyElwin Sharvill RENEWAL
Deepesh R CaudyBrazilStephen Shaw PROPOSAL
Ricardo W BowleyJapanOnyama Limba RENEWAL
James F PoquetteUnited KingdomElwin Sharvill QUALIFIED
Tony P RutaUnited KingdomElwin Sharvill RENEWAL
Greenwood S KuskoCanadaStephen Shaw NEW
Greenwood P StockhamGermanyBernardo Dominic UNQUALIFIED
Antonio G MaletArgentinaBernardo Dominic NEW
Smith O FerenczGermanyStephen Shaw QUALIFIED
Leon P OstroskyGermanyIoni Bowcher RENEWAL
Jennifer P StensethIndiaAnna Fali PROPOSAL
Faith J AlbaresIndiaXuxue Feng UNQUALIFIED
Nicolas E DoeRussiaIoni Bowcher QUALIFIED
Smith T IturbideSpainIoni Bowcher NEGOTIATION
Adams R CaldareraGermanyStephen Shaw NEGOTIATION
Salvatore A KuskoCanadaAsiya Javayant PROPOSAL
Aika K DarakjyItalyIvan Magalhaes QUALIFIED
Ashley M NestleCanadaStephen Shaw RENEWAL
Munro U WieserArgentinaAmy Elsner UNQUALIFIED
Aruna U GillianItalyElwin Sharvill NEW
Antonio E ChuiCanadaXuxue Feng RENEWAL
Claire X NickaBrazilAsiya Javayant QUALIFIED
Ashley X CaldareraGermanyElwin Sharvill RENEWAL
Jeanfrancois D MaletJapanElwin Sharvill NEGOTIATION
Claire P PaprockiSpainAnna Fali UNQUALIFIED
Johnson U BologniaAustraliaElwin Sharvill PROPOSAL
Mayumi W DarakjyUnited KingdomOnyama Limba NEW
Claire N RimItalyAnna Fali QUALIFIED
Ivar S GauchoIndiaXuxue Feng PROPOSAL
Greenwood X SchemmerSpainStephen Shaw RENEWAL
Adams U RutaRussiaIvan Magalhaes PROPOSAL
Nicolas D StensethArgentinaElwin Sharvill PROPOSAL
Kadeem H FollerAustraliaIoni Bowcher RENEWAL
Ricardo C GauchoJapanIoni Bowcher UNQUALIFIED
Francesco D DoeIndiaXuxue Feng PROPOSAL
Tony F RimBrazilIoni Bowcher NEW
Arvin H AlbaresArgentinaIvan Magalhaes PROPOSAL
Jeanfrancois F CaldareraJapanAmy Elsner NEW
Clifford S WhobreyAustraliaAmy Elsner UNQUALIFIED
Sinclair S SchemmerCanadaXuxue Feng QUALIFIED
Greenwood L SergiItalyElwin Sharvill NEGOTIATION
Darci T BologniaBrazilBernardo Dominic RENEWAL
Munro L SchemmerAustraliaElwin Sharvill NEW
Arvin K RutaIndiaElwin Sharvill QUALIFIED
Leja C FerenczFranceIvan Magalhaes NEW
Alejandro J PoquetteAustraliaStephen Shaw QUALIFIED
Leon H OldroydBrazilXuxue Feng NEGOTIATION
Salvatore C BriddickJapanStephen Shaw QUALIFIED
Frozen Columns
Name
Jennifer W Nestle
Nicolas U Figeroa
Leja M Ferencz
Murillo U Vocelka
Deepesh M Ostrosky
Stacey G Schemmer
Leja U Bolognia
Adams I Kolmetz
Kadeem F Figeroa
Tony P Bolognia
Greenwood N Nicka
Jones J Figeroa
Jefferson S Gaucho
Sinclair P Doe
Ivar M Ferencz
Leja I Stockham
Maria A Morasca
Maisha B Rulapaugh
Jones P Butt
Ivar F Marrier
Smith C Doe
Julie N Bolognia
Aika X Kolmetz
Claire U Bolognia
Leja X Bolognia
Jennifer I Gillian
Wickens O Rulapaugh
Jeanfrancois P Figeroa
Stacey I Inouye
Mujtaba J Royster
Sinclair P Poquette
Aditya W Ruta
Silvio X Malet
Johnson K Campain
Mujtaba P Venere
Johnson Y Shinko
Jefferson D Paprocki
Misaki W Dilliard
Smith H Garufi
James X Maclead
Kadeem B Bowley
Jennifer Y Malet
Maria I Briddick
Salvatore Q Ferencz
Arvin Q Stockham
Chavez G Perin
Alejandro T Nestle
Faith T Wieser
Alejandro L Foller
Jones P Vocelka
IdCountryDate
1000Germany2026-10-23
1001Japan2026-11-05
1002Germany2026-10-09
1003Germany2026-10-09
1004Germany2026-10-18
1005Brazil2026-10-30
1006France2026-11-04
1007United Kingdom2026-10-20
1008India2026-10-18
1009Brazil2026-10-21
1010Australia2026-11-06
1011Japan2026-10-21
1012Argentina2026-10-30
1013Canada2026-11-01
1014France2026-10-18
1015Canada2026-10-26
1016Brazil2026-10-13
1017Italy2026-11-04
1018Argentina2026-10-27
1019Australia2026-11-06
1020Germany2026-10-23
1021Canada2026-10-26
1022Australia2026-10-30
1023Brazil2026-10-23
1024Italy2026-11-01
1025India2026-10-13
1026Argentina2026-10-09
1027Australia2026-10-29
1028Spain2026-10-10
1029Russia2026-10-15
1030India2026-10-21
1031United Kingdom2026-10-10
1032Japan2026-10-10
1033India2026-10-27
1034United Kingdom2026-10-21
1035Italy2026-11-01
1036Argentina2026-10-15
1037Canada2026-11-02
1038Russia2026-11-03
1039Spain2026-11-07
1040Argentina2026-10-26
1041Canada2026-11-06
1042Australia2026-10-25
1043India2026-10-15
1044Germany2026-10-14
1045France2026-11-02
1046Spain2026-10-12
1047Japan2026-10-22
1048Australia2026-10-25
1049France2026-10-15

On-Demand Data

NameIdCountryDate
Aditya U Caudy1000India2026-10-29
Smith M Whobrey1001Japan2026-10-17
Morrow P Bolognia1002Japan2026-10-19
Leon S Oldroyd1003Germany2026-10-27
Antonio B Maclead1004India2026-11-06
Jones R Foller1005Brazil2026-10-10
Sinclair W Stockham1006Spain2026-10-17
Adams A Nicka1007Spain2026-11-02
Murillo T Royster1008Japan2026-10-27
Jeanfrancois Q Stenseth1009Germany2026-10-12
Antonio N Nestle1010Argentina2026-10-15
Tony K Morasca1011France2026-10-19
Ricardo F Glick1012Canada2026-11-04
Julie R Gaucho1013Spain2026-10-20
Emily C Rulapaugh1014United Kingdom2026-10-12
Kadeem K Chui1015Russia2026-10-21
David X Malet1016Argentina2026-10-24
Cody G Slusarski1017United Kingdom2026-10-23
Ricardo B Saylors1018India2026-10-27
Jefferson Z Darakjy1019Germany2026-10-14
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Julie N RutaArgentinaAnna Fali QUALIFIED
Smith E ShinkoJapanAsiya Javayant NEW
Sinclair L CaudyUnited KingdomOnyama Limba UNQUALIFIED
Kaitlin I SlusarskiAustraliaStephen Shaw NEW
Aruna P PoquetteJapanAnna Fali NEW
Aditya C FlosiUnited KingdomAnna Fali RENEWAL
Jeanfrancois S FerenczArgentinaAnna Fali UNQUALIFIED
Misaki G BologniaIndiaIvan Magalhaes RENEWAL
Mayumi G GauchoIndiaAmy Elsner NEW
Leja Y MarrierRussiaAnna Fali RENEWAL
David O RutaCanadaBernardo Dominic UNQUALIFIED
Clifford P AlbaresJapanXuxue Feng PROPOSAL
Ricardo J GillianUnited KingdomAnna Fali UNQUALIFIED
Adams O RoysterSpainAsiya Javayant RENEWAL
Johnson M PoquetteBrazilIoni Bowcher PROPOSAL
Juan D CaudyAustraliaStephen Shaw UNQUALIFIED
Arvin J FlosiAustraliaAsiya Javayant RENEWAL
Francesco K WhobreyUnited KingdomOnyama Limba PROPOSAL
Ashley T CampainGermanyAsiya Javayant PROPOSAL
Costa O ChuiIndiaOnyama Limba QUALIFIED
Tony I MorascaRussiaStephen Shaw QUALIFIED
Deepesh Z PaprockiUnited KingdomBernardo Dominic UNQUALIFIED
Jones Y CaldareraAustraliaOnyama Limba UNQUALIFIED
Ivar A StockhamItalyAsiya Javayant PROPOSAL
Morrow M ShinkoUnited KingdomElwin Sharvill UNQUALIFIED
Deepesh O AlbaresGermanyElwin Sharvill NEGOTIATION
Munro I NestleFranceOnyama Limba NEW
Sinclair M CampainArgentinaAnna Fali NEW
David W PaprockiCanadaIvan Magalhaes QUALIFIED
Morrow J GlickBrazilAmy Elsner RENEWAL
Ricardo B SchemmerUnited KingdomOnyama Limba RENEWAL
Clifford H PerinRussiaOnyama Limba UNQUALIFIED
Greenwood M RulapaughArgentinaBernardo Dominic NEGOTIATION
Jennifer I PoquetteCanadaAsiya Javayant NEW
Misaki M RoysterJapanIvan Magalhaes PROPOSAL
Wickens N RutaIndiaAsiya Javayant NEW
Kaitlin R RoysterItalyBernardo Dominic RENEWAL
Alejandro S FlosiUnited KingdomAsiya Javayant UNQUALIFIED
Jefferson S IturbideArgentinaXuxue Feng NEGOTIATION
Kadeem Z DoeItalyAnna Fali PROPOSAL

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