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
Morrow V SlusarskiSpainElwin Sharvill PROPOSAL
Maisha Y SchemmerGermanyElwin Sharvill RENEWAL
Jones Z ShinkoIndiaAsiya Javayant NEW
Sinclair X PerinGermanyAsiya Javayant NEW
Clifford N SchemmerFranceIvan Magalhaes QUALIFIED
Claire Z DarakjyArgentinaAnna Fali UNQUALIFIED
Stacey N OstroskyCanadaStephen Shaw QUALIFIED
Jennifer N OldroydIndiaElwin Sharvill PROPOSAL
Aditya X ChuiFranceAmy Elsner PROPOSAL
Aruna S TollnerIndiaAsiya Javayant UNQUALIFIED
Rodrigues B FollerCanadaStephen Shaw RENEWAL
Juan Y ChuiItalyBernardo Dominic NEGOTIATION
Sinclair V FigeroaRussiaBernardo Dominic PROPOSAL
Stacey N SaylorsSpainStephen Shaw PROPOSAL
Kaitlin F InouyeAustraliaOnyama Limba RENEWAL
Costa J SaylorsArgentinaAsiya Javayant QUALIFIED
Cody H BowleyCanadaXuxue Feng PROPOSAL
Jeanfrancois O RoysterAustraliaAsiya Javayant PROPOSAL
Johnson U OldroydAustraliaStephen Shaw PROPOSAL
Silvio C GauchoIndiaOnyama Limba NEGOTIATION
Morrow C GauchoIndiaIoni Bowcher RENEWAL
Aika B NestleItalyXuxue Feng RENEWAL
Alejandro K SlusarskiBrazilStephen Shaw NEW
Nicolas Q GlickBrazilXuxue Feng NEGOTIATION
Julie T MorascaGermanyIvan Magalhaes NEGOTIATION
Chavez Z MaletCanadaAnna Fali RENEWAL
Rodrigues D KuskoFranceOnyama Limba NEW
Julie A MacleadBrazilXuxue Feng PROPOSAL
Salvatore Q RutaJapanIvan Magalhaes NEW
James V PoquetteIndiaIoni Bowcher RENEWAL
Darci F CampainFranceOnyama Limba UNQUALIFIED
Jefferson P MaletRussiaIvan Magalhaes QUALIFIED
Julie I BowleyGermanyAsiya Javayant NEGOTIATION
Rodrigues Q MacleadJapanAmy Elsner QUALIFIED
Ricardo Z GillianSpainBernardo Dominic NEGOTIATION
Johnson R CampainBrazilStephen Shaw RENEWAL
Jefferson A DoeRussiaXuxue Feng NEW
James E ButtIndiaStephen Shaw QUALIFIED
Aruna I PerinJapanAsiya Javayant UNQUALIFIED
Jones P StensethAustraliaXuxue Feng NEW
Adams C MarrierSpainBernardo Dominic NEGOTIATION
Claire Y DoeUnited KingdomAmy Elsner QUALIFIED
Johnson X SaylorsCanadaAmy Elsner NEGOTIATION
Deepesh X VocelkaItalyOnyama Limba QUALIFIED
Ivar C NickaSpainIoni Bowcher UNQUALIFIED
Julie Q CaldareraIndiaAmy Elsner RENEWAL
Jennifer A DilliardUnited KingdomStephen Shaw RENEWAL
Cody Y CaldareraSpainIvan Magalhaes RENEWAL
Ashley W ShinkoFranceOnyama Limba UNQUALIFIED
Isabel W TollnerAustraliaXuxue Feng NEW
Horizontal
NameCountryRepresentativeStatus
Jeanfrancois V DilliardGermanyBernardo Dominic NEGOTIATION
Sinclair B MorascaIndiaElwin Sharvill PROPOSAL
Ashley F CampainFranceStephen Shaw QUALIFIED
Ashley U WhobreyItalyIoni Bowcher NEW
Silvio B FigeroaSpainElwin Sharvill UNQUALIFIED
Ricardo S CaldareraAustraliaElwin Sharvill UNQUALIFIED
Silvio Z DoeCanadaBernardo Dominic QUALIFIED
Adams S InouyeJapanIoni Bowcher QUALIFIED
Smith B FlosiItalyAnna Fali RENEWAL
Aditya F FollerJapanStephen Shaw RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Darci H PerinBrazil2026-08-26Benton, John B Jr NEW47Ioni Bowcher
1001Maria I AmigonRussia2026-09-03Feiner Bros NEGOTIATION72Asiya Javayant
1002Aditya P RimBrazil2026-09-06Chanay, Jeffrey A Esq NEGOTIATION64Stephen Shaw
1003Jefferson G RoysterCanada2026-08-31Commercial Press NEW82Ioni Bowcher
1004Aruna V BriddickBrazil2026-08-28Chemel, James L Cpa NEW72Ioni Bowcher
1005Leja Q BowleyIndia2026-08-27Morlong Associates NEGOTIATION24Asiya Javayant
1006Stacey V NickaGermany2026-09-08Chanay, Jeffrey A Esq PROPOSAL20Anna Fali
1007Maria Y BologniaBrazil2026-09-06Benton, John B Jr RENEWAL26Amy Elsner
1008Leon R FerenczRussia2026-09-03Feltz Printing Service PROPOSAL9Xuxue Feng
1009Juan X RoysterFrance2026-08-30Commercial Press PROPOSAL5Xuxue Feng
1010Claire V WaycottIndia2026-08-29Rangoni Of Florence NEGOTIATION96Onyama Limba
1011Kadeem E NickaItaly2026-09-15Buckley Miller Wright RENEWAL5Ivan Magalhaes
1012Morrow P OstroskyAustralia2026-09-12Rangoni Of Florence RENEWAL47Stephen Shaw
1013Stacey C NestleIndia2026-08-27Dorl, James J Esq RENEWAL15Onyama Limba
1014James R ButtItaly2026-09-04Dorl, James J Esq UNQUALIFIED76Elwin Sharvill
1015Ricardo K ChuiUnited Kingdom2026-09-17Chapman, Ross E Esq PROPOSAL30Elwin Sharvill
1016Nicolas Z KuskoAustralia2026-09-14Commercial Press UNQUALIFIED69Xuxue Feng
1017Emily C CampainArgentina2026-09-13Dorl, James J Esq NEGOTIATION54Xuxue Feng
1018Nicolas S ButtItaly2026-09-21Buckley Miller Wright QUALIFIED63Asiya Javayant
1019Ashley E WaycottIndia2026-09-15Chanay, Jeffrey A Esq QUALIFIED36Xuxue Feng
1020Cody I RulapaughRussia2026-09-05Feltz Printing Service QUALIFIED94Asiya Javayant
1021Salvatore I RoysterAustralia2026-09-03Dorl, James J Esq NEW43Bernardo Dominic
1022Maisha T MaletGermany2026-09-09Commercial Press PROPOSAL27Ivan Magalhaes
1023Stacey O BowleyIndia2026-09-16Printing Dimensions UNQUALIFIED9Elwin Sharvill
1024Mayumi Y FigeroaGermany2026-08-30Dorl, James J Esq NEGOTIATION45Amy Elsner
1025Kaitlin F SergiSpain2026-09-08Morlong Associates RENEWAL79Stephen Shaw
1026Ivar V WhobreySpain2026-08-31Morlong Associates NEGOTIATION88Ivan Magalhaes
1027Arvin N StockhamUnited Kingdom2026-09-11Rangoni Of Florence RENEWAL5Xuxue Feng
1028Jones C RutaAustralia2026-09-09King, Christopher A Esq PROPOSAL58Asiya Javayant
1029Darci H SlusarskiRussia2026-08-27Rousseaux, Michael Esq RENEWAL8Onyama Limba
1030Silvio J SchemmerBrazil2026-09-20Chemel, James L Cpa QUALIFIED94Stephen Shaw
1031Kaitlin T SergiAustralia2026-09-18Printing Dimensions UNQUALIFIED96Stephen Shaw
1032Arvin E CaudyFrance2026-09-17Morlong Associates NEW75Stephen Shaw
1033Aika N ButtItaly2026-08-25Morlong Associates QUALIFIED61Onyama Limba
1034Aruna U RoysterAustralia2026-09-14Commercial Press RENEWAL95Amy Elsner
1035Jeanfrancois L FerenczFrance2026-09-17Feiner Bros NEGOTIATION45Xuxue Feng
1036Julie N BowleyUnited Kingdom2026-09-13Benton, John B Jr NEGOTIATION96Anna Fali
1037Wickens O BriddickUnited Kingdom2026-08-29Benton, John B Jr QUALIFIED95Elwin Sharvill
1038Maisha W MarrierRussia2026-09-22Rangoni Of Florence NEGOTIATION45Onyama Limba
1039Smith D WaycottFrance2026-08-28Rousseaux, Michael Esq NEGOTIATION21Anna Fali
1040Deepesh Q RoysterJapan2026-09-01Chapman, Ross E Esq UNQUALIFIED98Asiya Javayant
1041Misaki O DarakjyArgentina2026-09-10Printing Dimensions QUALIFIED11Asiya Javayant
1042Salvatore Y AmigonGermany2026-08-27Dorl, James J Esq NEW89Bernardo Dominic
1043Isabel Z GarufiFrance2026-08-27Buckley Miller Wright RENEWAL24Amy Elsner
1044Kaitlin A OstroskyArgentina2026-09-08Chapman, Ross E Esq NEGOTIATION57Stephen Shaw
1045Jennifer O MaletRussia2026-09-10Dorl, James J Esq PROPOSAL95Asiya Javayant
1046Kaitlin G MaletArgentina2026-09-19Dorl, James J Esq NEGOTIATION15Bernardo Dominic
1047Rodrigues F RimArgentina2026-09-14Chemel, James L Cpa NEW6Ioni Bowcher
1048Stacey H FollerItaly2026-09-07King, Christopher A Esq NEW36Asiya Javayant
1049Mayumi M GarufiRussia2026-09-20Morlong Associates PROPOSAL90Amy Elsner
Frozen Rows
NameCountryRepresentativeStatus
Greenwood H GarufiBrazilIvan Magalhaes NEW
Cody A GauchoGermanyIvan Magalhaes QUALIFIED
Claire P WaycottCanadaXuxue Feng PROPOSAL
Claire N StockhamCanadaAsiya Javayant UNQUALIFIED
Mayumi T DoeAustraliaAsiya Javayant NEW
Kadeem H InouyeIndiaStephen Shaw UNQUALIFIED
Jeanfrancois D AlbaresUnited KingdomAmy Elsner RENEWAL
Antonio Y WhobreySpainStephen Shaw UNQUALIFIED
Octavia X MacleadIndiaElwin Sharvill QUALIFIED
Rodrigues C KolmetzRussiaIvan Magalhaes NEGOTIATION
Aruna G WieserBrazilAsiya Javayant UNQUALIFIED
Munro K BowleyGermanyAsiya Javayant NEGOTIATION
Faith R VenereCanadaAmy Elsner QUALIFIED
Rodrigues I KuskoItalyStephen Shaw RENEWAL
Morrow A ButtUnited KingdomIoni Bowcher NEW
Munro G SaylorsAustraliaStephen Shaw RENEWAL
Jeanfrancois T MacleadCanadaAsiya Javayant QUALIFIED
Adams L KuskoArgentinaStephen Shaw NEGOTIATION
Tony O GauchoCanadaOnyama Limba RENEWAL
Aruna U NestleSpainAsiya Javayant QUALIFIED
Tony D MaletUnited KingdomIoni Bowcher QUALIFIED
Smith A PoquetteIndiaOnyama Limba RENEWAL
Chavez J DoeItalyAnna Fali UNQUALIFIED
Cody P FigeroaBrazilAmy Elsner NEGOTIATION
Claire O DoeBrazilStephen Shaw NEW
Emily S GlickFranceAsiya Javayant NEW
Francesco O KuskoFranceXuxue Feng NEW
Salvatore B FigeroaIndiaXuxue Feng PROPOSAL
Maisha X MarrierCanadaAmy Elsner NEW
Aditya J NickaGermanyAnna Fali NEW
Ashley M DilliardJapanAnna Fali NEW
Jones O RoysterUnited KingdomOnyama Limba NEGOTIATION
Mayumi I WieserSpainIvan Magalhaes QUALIFIED
Stacey W NestleGermanyElwin Sharvill QUALIFIED
Morrow S GauchoGermanyXuxue Feng PROPOSAL
Izzy Z PerinBrazilIoni Bowcher NEW
Murillo L NickaAustraliaAnna Fali NEGOTIATION
Ashley C DilliardArgentinaAsiya Javayant UNQUALIFIED
Misaki W StockhamSpainIoni Bowcher PROPOSAL
Juan Q ShinkoJapanXuxue Feng PROPOSAL
Chavez A DoeArgentinaXuxue Feng NEGOTIATION
Leon G FigeroaRussiaIoni Bowcher UNQUALIFIED
Antonio I SaylorsItalyBernardo Dominic NEGOTIATION
Clifford D BowleyItalyBernardo Dominic QUALIFIED
Clifford U IturbideGermanyAnna Fali NEGOTIATION
Greenwood Z CaldareraJapanAsiya Javayant NEW
Antonio F FigeroaJapanBernardo Dominic NEGOTIATION
Kadeem S NickaBrazilIvan Magalhaes NEW
Greenwood M GauchoIndiaIoni Bowcher PROPOSAL
Julie I RimItalyBernardo Dominic NEW
Frozen Columns
Name
Jennifer V Amigon
James B Foller
Aditya A Venere
Clifford L Paprocki
Deepesh Y Rulapaugh
Ricardo G Poquette
Morrow G Perin
Emily S Albares
Ivar Y Sergi
Kaitlin F Bolognia
Maisha Z Oldroyd
Jeanfrancois A Bolognia
David I Glick
Leja K Glick
James Y Poquette
Adams J Waycott
Ashley V Oldroyd
Kaitlin Y Gillian
Clifford D Briddick
Cody X Saylors
Murillo M Foller
Leon I Ferencz
Ashley X Rim
Faith W Slusarski
Smith T Royster
Greenwood P Amigon
Mujtaba R Waycott
Claire U Waycott
Izzy H Butt
Ivar K Maclead
Maria X Caldarera
Silvio H Caudy
Darci P Rim
Adams Y Vocelka
Clifford M Nicka
Claire I Ruta
Stacey Z Maclead
Maisha X Briddick
Clifford O Sergi
David X Kusko
Wickens U Dilliard
Antonio M Poquette
Octavia D Bowley
Chavez R Perin
Aika P Albares
Jeanfrancois W Chui
Nicolas I Marrier
Ashley E Whobrey
Sinclair X Gillian
Arvin A Poquette
IdCountryDate
1000Canada2026-09-18
1001Argentina2026-09-11
1002Japan2026-09-18
1003Canada2026-09-13
1004Japan2026-09-11
1005United Kingdom2026-09-14
1006Germany2026-08-29
1007Brazil2026-09-01
1008Spain2026-09-21
1009India2026-08-31
1010United Kingdom2026-08-25
1011Brazil2026-09-12
1012Brazil2026-09-15
1013Argentina2026-09-03
1014Australia2026-09-20
1015Australia2026-09-04
1016Spain2026-09-15
1017Argentina2026-09-09
1018Germany2026-08-26
1019France2026-09-10
1020Brazil2026-09-19
1021Germany2026-09-20
1022Russia2026-09-19
1023Russia2026-09-20
1024Australia2026-09-10
1025Italy2026-09-05
1026United Kingdom2026-08-27
1027Italy2026-09-07
1028Italy2026-09-16
1029Russia2026-09-12
1030Germany2026-09-01
1031United Kingdom2026-09-22
1032Germany2026-09-10
1033France2026-08-26
1034Spain2026-09-15
1035France2026-09-06
1036United Kingdom2026-09-07
1037Italy2026-09-14
1038Spain2026-09-19
1039Japan2026-08-25
1040India2026-09-21
1041Brazil2026-09-01
1042Russia2026-08-27
1043Japan2026-08-29
1044Canada2026-09-20
1045United Kingdom2026-09-07
1046United Kingdom2026-09-21
1047Brazil2026-09-11
1048Brazil2026-09-16
1049Australia2026-09-08

On-Demand Data

NameIdCountryDate
Leja C Caldarera1000Italy2026-09-03
Francesco M Garufi1001Russia2026-08-24
Costa Z Royster1002Japan2026-09-01
Maisha S Nestle1003Brazil2026-09-02
Ricardo O Whobrey1004Italy2026-09-17
Aditya I Poquette1005United Kingdom2026-09-02
Sinclair H Paprocki1006Australia2026-09-12
Aruna D Campain1007Australia2026-08-24
Costa I Whobrey1008Russia2026-09-02
Jeanfrancois B Rim1009India2026-09-11
Jeanfrancois B Bowley1010France2026-09-04
Ivar Z Waycott1011Russia2026-09-15
Jeanfrancois R Sergi1012United Kingdom2026-09-01
Mayumi E Shinko1013Italy2026-09-20
Julie R Garufi1014Spain2026-09-04
Ricardo N Stenseth1015Brazil2026-09-11
Smith Y Butt1016Germany2026-09-03
Darci L Royster1017United Kingdom2026-08-26
Faith X Darakjy1018Argentina2026-09-20
Tony B Foller1019Canada2026-09-22
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Clifford L GauchoArgentinaAsiya Javayant NEW
Jones I SergiFranceAnna Fali QUALIFIED
Morrow U StensethRussiaAnna Fali NEW
Smith R KuskoAustraliaOnyama Limba UNQUALIFIED
Octavia L BriddickIndiaAmy Elsner RENEWAL
Alejandro T SlusarskiItalyAmy Elsner PROPOSAL
Rodrigues D WaycottUnited KingdomXuxue Feng RENEWAL
David B BriddickSpainIoni Bowcher NEGOTIATION
Kaitlin V SchemmerUnited KingdomXuxue Feng PROPOSAL
Jefferson T RutaSpainIvan Magalhaes NEW
Kadeem C KuskoRussiaIoni Bowcher NEW
Ricardo E FollerAustraliaIvan Magalhaes NEGOTIATION
Leon F InouyeIndiaStephen Shaw QUALIFIED
Jones A RimCanadaAnna Fali UNQUALIFIED
Aruna C NickaBrazilIvan Magalhaes NEW
Antonio U VenereBrazilBernardo Dominic QUALIFIED
Silvio R MaletBrazilIvan Magalhaes NEGOTIATION
Mujtaba K AmigonBrazilElwin Sharvill PROPOSAL
Clifford I PaprockiIndiaXuxue Feng UNQUALIFIED
Darci K DilliardJapanIvan Magalhaes QUALIFIED
Kaitlin V PaprockiGermanyXuxue Feng PROPOSAL
Ashley O PoquetteItalyXuxue Feng RENEWAL
Nicolas V KolmetzGermanyBernardo Dominic QUALIFIED
Jones M CampainBrazilOnyama Limba QUALIFIED
Faith C PoquetteBrazilBernardo Dominic UNQUALIFIED
Munro B FlosiArgentinaXuxue Feng NEW
Leon B CampainIndiaXuxue Feng UNQUALIFIED
Arvin Y FlosiIndiaBernardo Dominic QUALIFIED
Aditya U GauchoArgentinaXuxue Feng PROPOSAL
Rodrigues Q MorascaUnited KingdomStephen Shaw NEW
Nicolas W DarakjyGermanyXuxue Feng UNQUALIFIED
Arvin J FlosiCanadaIvan Magalhaes PROPOSAL
Cody B MorascaArgentinaXuxue Feng QUALIFIED
James Y GauchoItalyBernardo Dominic RENEWAL
Morrow K SchemmerUnited KingdomStephen Shaw PROPOSAL
Aika M FerenczUnited KingdomIoni Bowcher NEW
Isabel I OstroskySpainAmy Elsner RENEWAL
Adams A FlosiJapanAsiya Javayant PROPOSAL
Maisha A MaletAustraliaAnna Fali RENEWAL
Francesco C CampainFranceXuxue Feng 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>