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 L DarakjyRussiaElwin Sharvill PROPOSAL
Aruna W WieserCanadaElwin Sharvill UNQUALIFIED
Emily A MaletAustraliaXuxue Feng QUALIFIED
Aruna V FlosiGermanyIoni Bowcher NEW
Cody T ChuiArgentinaIvan Magalhaes NEGOTIATION
Misaki D FollerCanadaAnna Fali QUALIFIED
Aika E SaylorsArgentinaIoni Bowcher UNQUALIFIED
Mayumi G SergiFranceBernardo Dominic NEW
Jones S MacleadFranceAnna Fali RENEWAL
Aika J SchemmerUnited KingdomAsiya Javayant PROPOSAL
Alejandro H PoquetteFranceElwin Sharvill QUALIFIED
Claire S MacleadJapanAsiya Javayant NEGOTIATION
Mujtaba U PaprockiBrazilBernardo Dominic PROPOSAL
James W GauchoSpainAmy Elsner QUALIFIED
Faith Y SchemmerUnited KingdomOnyama Limba QUALIFIED
Emily C WaycottRussiaElwin Sharvill NEGOTIATION
Morrow Q SergiIndiaElwin Sharvill QUALIFIED
Wickens T VenereArgentinaAmy Elsner RENEWAL
Costa Y FlosiBrazilStephen Shaw UNQUALIFIED
Leja M StensethBrazilElwin Sharvill UNQUALIFIED
Murillo C MarrierGermanyAsiya Javayant UNQUALIFIED
Aika W FlosiAustraliaXuxue Feng RENEWAL
Arvin Y KolmetzCanadaStephen Shaw UNQUALIFIED
Maisha S WieserFranceBernardo Dominic NEW
Julie K FlosiBrazilAnna Fali NEGOTIATION
Morrow C CaldareraCanadaAmy Elsner QUALIFIED
Aditya D FerenczIndiaAnna Fali RENEWAL
Octavia P OstroskyUnited KingdomStephen Shaw RENEWAL
Emily B OstroskyCanadaIvan Magalhaes NEGOTIATION
Chavez Q FigeroaArgentinaAmy Elsner QUALIFIED
Cody Q BologniaFranceBernardo Dominic NEW
Sinclair A NestleSpainAnna Fali RENEWAL
Chavez I AmigonItalyIvan Magalhaes QUALIFIED
Aruna Z DarakjyRussiaStephen Shaw NEW
Leja E IturbideIndiaAmy Elsner NEGOTIATION
Stacey B SchemmerUnited KingdomIvan Magalhaes RENEWAL
Faith F BowleyArgentinaOnyama Limba UNQUALIFIED
Leon E PoquetteArgentinaBernardo Dominic NEGOTIATION
Tony L CaudyJapanStephen Shaw PROPOSAL
Juan W MaletGermanyOnyama Limba RENEWAL
Chavez E WhobreyFranceAnna Fali RENEWAL
Izzy D WaycottSpainIoni Bowcher NEW
Misaki G DilliardSpainAmy Elsner RENEWAL
Mayumi I MacleadBrazilAnna Fali QUALIFIED
Darci O GillianSpainOnyama Limba PROPOSAL
Maisha T MaletItalyBernardo Dominic NEW
Alejandro Z RutaUnited KingdomBernardo Dominic QUALIFIED
Juan M VocelkaAustraliaStephen Shaw PROPOSAL
Aika T StockhamSpainIvan Magalhaes NEW
Maria F VenereCanadaOnyama Limba UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Mujtaba V RutaIndiaIvan Magalhaes RENEWAL
Antonio I ChuiGermanyAnna Fali PROPOSAL
Cody I MaletRussiaIvan Magalhaes UNQUALIFIED
Jeanfrancois R DarakjyArgentinaBernardo Dominic NEGOTIATION
Munro I TollnerRussiaOnyama Limba PROPOSAL
Octavia P AlbaresGermanyAnna Fali NEW
Ricardo Q OstroskyCanadaXuxue Feng RENEWAL
Greenwood I NestleIndiaOnyama Limba NEGOTIATION
Arvin X RoysterCanadaOnyama Limba RENEWAL
Leon K SergiCanadaIoni Bowcher NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Kadeem V StockhamJapan2026-10-27Rousseaux, Michael Esq QUALIFIED39Anna Fali
1001Claire D BriddickAustralia2026-10-10Truhlar And Truhlar Attys NEW89Amy Elsner
1002Chavez G BowleyRussia2026-10-14Chemel, James L Cpa NEW8Xuxue Feng
1003Darci O AmigonFrance2026-10-30Chapman, Ross E Esq QUALIFIED86Stephen Shaw
1004Aika B GlickBrazil2026-10-09Rousseaux, Michael Esq UNQUALIFIED39Anna Fali
1005Arvin D StensethJapan2026-10-20Rousseaux, Michael Esq NEGOTIATION4Amy Elsner
1006Arvin X AmigonItaly2026-10-21Feiner Bros NEW5Xuxue Feng
1007Wickens D NestleUnited Kingdom2026-10-07Morlong Associates QUALIFIED30Ivan Magalhaes
1008Ashley V StensethIndia2026-10-06Morlong Associates RENEWAL86Xuxue Feng
1009Aruna U MarrierItaly2026-11-01Feltz Printing Service NEW93Amy Elsner
1010Clifford N BriddickArgentina2026-10-31King, Christopher A Esq UNQUALIFIED52Asiya Javayant
1011Maisha P DoeItaly2026-10-09Commercial Press RENEWAL85Asiya Javayant
1012David S DilliardSpain2026-10-14Buckley Miller Wright RENEWAL29Onyama Limba
1013Julie K BowleyIndia2026-10-22Rangoni Of Florence NEW75Stephen Shaw
1014Isabel J CampainRussia2026-10-26Feiner Bros NEW59Elwin Sharvill
1015Smith V CaudyUnited Kingdom2026-10-29Printing Dimensions QUALIFIED12Anna Fali
1016Julie A StockhamUnited Kingdom2026-10-05Truhlar And Truhlar Attys PROPOSAL94Onyama Limba
1017Costa V RimItaly2026-10-30Printing Dimensions RENEWAL26Onyama Limba
1018Alejandro D StensethIndia2026-10-28Benton, John B Jr NEW90Ivan Magalhaes
1019Johnson G OldroydJapan2026-10-19Chapman, Ross E Esq RENEWAL2Onyama Limba
1020Jefferson N MacleadIndia2026-10-27Feltz Printing Service NEW99Amy Elsner
1021Aruna C MorascaSpain2026-10-19Feltz Printing Service RENEWAL67Amy Elsner
1022Jeanfrancois R DoeSpain2026-10-11Benton, John B Jr NEGOTIATION94Xuxue Feng
1023Maria W IturbideRussia2026-10-23Printing Dimensions NEW56Bernardo Dominic
1024Octavia A MaletSpain2026-10-18Truhlar And Truhlar Attys NEGOTIATION64Elwin Sharvill
1025Adams N AlbaresCanada2026-10-20Commercial Press PROPOSAL23Asiya Javayant
1026Kaitlin C WhobreySpain2026-10-28Feltz Printing Service NEGOTIATION11Amy Elsner
1027Salvatore B FollerRussia2026-10-21Commercial Press UNQUALIFIED83Ioni Bowcher
1028Murillo L GauchoItaly2026-10-31Printing Dimensions RENEWAL10Xuxue Feng
1029Deepesh L AmigonIndia2026-10-16Commercial Press PROPOSAL89Asiya Javayant
1030Julie O TollnerJapan2026-10-31King, Christopher A Esq RENEWAL44Stephen Shaw
1031Smith N ShinkoFrance2026-10-14Feltz Printing Service NEW34Bernardo Dominic
1032Aditya B SaylorsRussia2026-10-09Benton, John B Jr QUALIFIED0Ivan Magalhaes
1033Costa D AlbaresFrance2026-10-31Chapman, Ross E Esq RENEWAL66Anna Fali
1034Aruna R MorascaAustralia2026-10-27Feiner Bros QUALIFIED22Elwin Sharvill
1035Claire V DarakjyJapan2026-10-13Feiner Bros PROPOSAL64Bernardo Dominic
1036Nicolas T ButtItaly2026-10-20Dorl, James J Esq NEGOTIATION62Ivan Magalhaes
1037Claire F GlickIndia2026-10-28Printing Dimensions RENEWAL82Stephen Shaw
1038Antonio Y PoquetteUnited Kingdom2026-10-29King, Christopher A Esq PROPOSAL21Stephen Shaw
1039Aditya K WaycottJapan2026-11-01Commercial Press UNQUALIFIED17Stephen Shaw
1040Johnson B MacleadIndia2026-10-25King, Christopher A Esq RENEWAL84Xuxue Feng
1041Aika G WaycottIndia2026-11-01Rousseaux, Michael Esq QUALIFIED51Stephen Shaw
1042Francesco N FollerFrance2026-10-24Buckley Miller Wright NEGOTIATION18Ivan Magalhaes
1043Izzy G AlbaresAustralia2026-10-11Truhlar And Truhlar Attys RENEWAL94Asiya Javayant
1044Wickens O TollnerAustralia2026-10-07Rousseaux, Michael Esq NEGOTIATION80Elwin Sharvill
1045Mujtaba I FerenczAustralia2026-10-05Chapman, Ross E Esq QUALIFIED22Ivan Magalhaes
1046Smith V BriddickJapan2026-10-22Feltz Printing Service NEW10Ioni Bowcher
1047Kadeem U AlbaresArgentina2026-10-27Printing Dimensions UNQUALIFIED3Xuxue Feng
1048Greenwood B VenereArgentina2026-10-11Rousseaux, Michael Esq PROPOSAL65Xuxue Feng
1049Sinclair O AlbaresSpain2026-10-12Truhlar And Truhlar Attys RENEWAL20Ioni Bowcher
Frozen Rows
NameCountryRepresentativeStatus
David B AlbaresArgentinaAsiya Javayant QUALIFIED
Cody F SaylorsJapanXuxue Feng UNQUALIFIED
Misaki V VenereUnited KingdomAsiya Javayant RENEWAL
Nicolas H SchemmerSpainXuxue Feng PROPOSAL
Wickens O IturbideArgentinaIoni Bowcher UNQUALIFIED
Aditya F NickaAustraliaAsiya Javayant QUALIFIED
Ricardo T WhobreyIndiaBernardo Dominic NEW
Smith M FerenczJapanAmy Elsner PROPOSAL
Juan E FigeroaRussiaXuxue Feng NEGOTIATION
Alejandro E CaldareraSpainIvan Magalhaes RENEWAL
Deepesh B StockhamArgentinaIvan Magalhaes NEW
Emily J AlbaresArgentinaStephen Shaw RENEWAL
Greenwood N ButtBrazilElwin Sharvill PROPOSAL
Octavia Z StensethSpainStephen Shaw NEW
Johnson M AmigonBrazilOnyama Limba UNQUALIFIED
Kadeem Q FollerSpainIoni Bowcher QUALIFIED
Isabel Y TollnerJapanAmy Elsner RENEWAL
Sinclair J StockhamGermanyBernardo Dominic NEW
Silvio A PoquetteArgentinaBernardo Dominic RENEWAL
Johnson W PaprockiItalyAsiya Javayant NEGOTIATION
Claire Q InouyeArgentinaElwin Sharvill NEGOTIATION
Deepesh S BowleyUnited KingdomAmy Elsner NEW
Antonio S GillianAustraliaBernardo Dominic UNQUALIFIED
Aika I GlickIndiaIvan Magalhaes QUALIFIED
Costa F StensethBrazilXuxue Feng QUALIFIED
Maisha X VocelkaUnited KingdomBernardo Dominic QUALIFIED
Jones Z MaletArgentinaAsiya Javayant UNQUALIFIED
Francesco O FigeroaItalyIoni Bowcher PROPOSAL
Claire T SergiUnited KingdomAmy Elsner NEW
Arvin Q WhobreyAustraliaAsiya Javayant NEW
Faith G PerinCanadaOnyama Limba NEGOTIATION
Stacey H WhobreyArgentinaAsiya Javayant PROPOSAL
Mayumi B KuskoArgentinaIoni Bowcher NEGOTIATION
Kadeem Z ButtBrazilIoni Bowcher UNQUALIFIED
Ivar X OldroydSpainBernardo Dominic QUALIFIED
Ashley L RimRussiaElwin Sharvill NEGOTIATION
Stacey J OldroydIndiaAmy Elsner NEW
Deepesh S StockhamBrazilXuxue Feng PROPOSAL
Ricardo E InouyeGermanyElwin Sharvill RENEWAL
Wickens Z SchemmerCanadaAmy Elsner NEW
Jefferson X RulapaughJapanXuxue Feng UNQUALIFIED
Silvio Q FerenczRussiaIvan Magalhaes NEGOTIATION
Mayumi U VocelkaJapanAmy Elsner UNQUALIFIED
Deepesh P BologniaGermanyAsiya Javayant RENEWAL
David H TollnerUnited KingdomBernardo Dominic PROPOSAL
Octavia A BologniaJapanElwin Sharvill NEW
Arvin C WhobreyItalyAmy Elsner NEW
Silvio U SergiArgentinaXuxue Feng QUALIFIED
Adams P WhobreyBrazilAnna Fali RENEWAL
Kaitlin R DoeArgentinaAnna Fali UNQUALIFIED
Frozen Columns
Name
Misaki P Shinko
Deepesh T Inouye
Ashley X Maclead
Adams W Campain
Clifford M Nicka
Isabel N Royster
Antonio E Slusarski
Mayumi Y Oldroyd
Francesco P Vocelka
Aditya S Stockham
Greenwood F Stenseth
Francesco A Garufi
Johnson A Darakjy
Ashley G Shinko
Sinclair H Stockham
Isabel Q Ostrosky
Misaki E Garufi
Julie U Darakjy
Johnson O Poquette
Costa K Chui
Kaitlin X Morasca
Cody V Garufi
Clifford E Doe
Munro J Campain
Leja B Caudy
Jennifer K Morasca
James N Doe
Murillo B Malet
Misaki J Schemmer
Octavia K Figeroa
Octavia M Gillian
Izzy Z Saylors
Aika G Nestle
Nicolas J Amigon
Arvin M Sergi
Misaki X Paprocki
Morrow X Gillian
Jeanfrancois H Nicka
Nicolas B Marrier
Jeanfrancois C Saylors
Kaitlin R Albares
Murillo I Doe
Ricardo Y Caudy
David R Nicka
Kaitlin O Caudy
Mayumi A Amigon
Mayumi F Albares
Costa T Doe
Jennifer T Malet
Adams V Shinko
IdCountryDate
1000Germany2026-10-15
1001Australia2026-10-10
1002United Kingdom2026-10-16
1003Canada2026-11-03
1004Japan2026-10-11
1005Spain2026-10-05
1006Germany2026-10-30
1007Italy2026-10-25
1008Argentina2026-10-28
1009Canada2026-10-12
1010Canada2026-10-31
1011United Kingdom2026-10-14
1012Brazil2026-10-06
1013Canada2026-11-02
1014Brazil2026-10-20
1015Germany2026-10-18
1016France2026-10-17
1017United Kingdom2026-10-06
1018Canada2026-10-11
1019Argentina2026-10-24
1020Japan2026-10-19
1021United Kingdom2026-10-08
1022Spain2026-10-08
1023India2026-10-25
1024France2026-10-26
1025Canada2026-11-02
1026France2026-11-02
1027India2026-10-07
1028France2026-10-30
1029Australia2026-10-24
1030Russia2026-10-22
1031Australia2026-10-08
1032Russia2026-10-13
1033United Kingdom2026-10-08
1034Japan2026-11-02
1035India2026-10-12
1036India2026-10-23
1037United Kingdom2026-10-15
1038Germany2026-10-05
1039Spain2026-11-02
1040Russia2026-11-02
1041Japan2026-10-20
1042Russia2026-10-20
1043Italy2026-10-05
1044United Kingdom2026-10-15
1045Argentina2026-11-03
1046Italy2026-10-15
1047France2026-10-18
1048United Kingdom2026-10-25
1049India2026-10-27

On-Demand Data

NameIdCountryDate
Greenwood N Dilliard1000Spain2026-10-17
Sinclair S Albares1001Argentina2026-10-21
Smith C Morasca1002Italy2026-10-18
Isabel S Maclead1003Brazil2026-10-18
Salvatore P Rim1004Italy2026-10-24
Alejandro N Caudy1005Italy2026-10-10
Sinclair B Tollner1006Italy2026-10-16
Misaki H Foller1007Russia2026-10-11
Morrow X Marrier1008France2026-10-10
Emily D Schemmer1009Italy2026-10-31
Tony D Saylors1010India2026-10-06
Rodrigues P Schemmer1011Canada2026-10-23
James J Flosi1012Germany2026-10-28
Maria O Poquette1013Japan2026-10-28
Leja O Gillian1014Spain2026-10-07
Smith I Doe1015Italy2026-10-31
Morrow X Shinko1016Argentina2026-10-16
Jeanfrancois Y Rim1017United Kingdom2026-10-25
Stacey G Dilliard1018United Kingdom2026-10-19
Salvatore G Morasca1019Japan2026-10-15
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Smith V WaycottBrazilAmy Elsner QUALIFIED
Chavez I StensethGermanyElwin Sharvill UNQUALIFIED
James S FollerFranceAmy Elsner NEGOTIATION
Stacey P RimAustraliaIoni Bowcher PROPOSAL
Ricardo D RutaGermanyElwin Sharvill RENEWAL
Maisha Y BowleyJapanBernardo Dominic PROPOSAL
Ashley Q FerenczCanadaIoni Bowcher UNQUALIFIED
Jennifer H DilliardGermanyIoni Bowcher QUALIFIED
Kaitlin V CampainUnited KingdomBernardo Dominic NEGOTIATION
Mayumi K MarrierFranceStephen Shaw NEW
Izzy O DarakjyArgentinaElwin Sharvill QUALIFIED
Juan M CaldareraCanadaIoni Bowcher RENEWAL
Deepesh R RoysterJapanAmy Elsner NEW
Emily U MacleadGermanyElwin Sharvill PROPOSAL
Leja H ButtJapanElwin Sharvill UNQUALIFIED
Jefferson P ShinkoUnited KingdomElwin Sharvill RENEWAL
Morrow A WhobreyBrazilIvan Magalhaes NEGOTIATION
Tony F SaylorsSpainBernardo Dominic QUALIFIED
Wickens A RulapaughBrazilStephen Shaw UNQUALIFIED
Jones K CaudyBrazilAmy Elsner QUALIFIED
Leon D RoysterAustraliaXuxue Feng PROPOSAL
Claire E ShinkoSpainOnyama Limba PROPOSAL
Smith X TollnerSpainOnyama Limba QUALIFIED
Silvio J OldroydItalyBernardo Dominic NEGOTIATION
Sinclair C CaudyFranceAnna Fali QUALIFIED
Adams J CampainCanadaElwin Sharvill QUALIFIED
Julie N WaycottGermanyOnyama Limba NEGOTIATION
Jefferson M MaletGermanyBernardo Dominic UNQUALIFIED
Wickens X VocelkaAustraliaAmy Elsner RENEWAL
Smith Z SaylorsItalyElwin Sharvill NEGOTIATION
Emily T MorascaBrazilBernardo Dominic NEGOTIATION
Mujtaba F OldroydUnited KingdomAnna Fali UNQUALIFIED
Cody S TollnerJapanAmy Elsner PROPOSAL
Wickens I MacleadUnited KingdomIoni Bowcher QUALIFIED
Rodrigues X VocelkaAustraliaAsiya Javayant UNQUALIFIED
Maisha G AmigonSpainOnyama Limba RENEWAL
David R ChuiFranceStephen Shaw PROPOSAL
Antonio U ButtArgentinaAnna Fali NEW
Ashley M FerenczSpainOnyama Limba PROPOSAL
Jennifer N GillianJapanIoni Bowcher 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>