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

Input Style

Themes

PrimeOne
Saga Saga
Vela Vela
Arya Arya
Bootstrap
bootstrap4-blue-light Bootstrap Blue
bootstrap4-purple-light Bootstrap Purple
bootstrap4-blue-dark Bootstrap Blue
bootstrap4-purple-dark Bootstrap Purple
Material Design
material-indigo-light Indigo
material-deeppurple-light' Deep Purple
material-indigo-dark Indigo
material-deeppurple-dark' Deep Purple
Material Design Compact
material-indigo-light Indigo
material-deeppurple-light' Deep Purple
material-indigo-dark Indigo
material-deeppurple-dark' Deep Purple

DataTable Scroll

Both vertical and horizontal scrolling of the data is supported with optional frozen rows-columns and on-demand loading features.

Vertical
NameCountryRepresentativeStatus
Antonio M MaletIndiaAnna Fali RENEWAL
Greenwood N GillianFranceBernardo Dominic UNQUALIFIED
Jefferson U FlosiFranceStephen Shaw NEGOTIATION
Mujtaba X ButtRussiaOnyama Limba PROPOSAL
Aika D KolmetzCanadaAmy Elsner QUALIFIED
Kadeem O IturbideAustraliaIvan Magalhaes RENEWAL
Kadeem B FlosiRussiaAnna Fali QUALIFIED
Leja N StockhamSpainIoni Bowcher QUALIFIED
Costa R WhobreyAustraliaAsiya Javayant PROPOSAL
Jefferson P DoeJapanBernardo Dominic UNQUALIFIED
Aika Y RoysterBrazilXuxue Feng RENEWAL
Izzy H AlbaresIndiaBernardo Dominic UNQUALIFIED
Claire W KolmetzIndiaOnyama Limba UNQUALIFIED
Stacey Y WaycottSpainElwin Sharvill QUALIFIED
Clifford T BriddickArgentinaAnna Fali QUALIFIED
Costa R BriddickUnited KingdomIvan Magalhaes NEGOTIATION
Murillo O FollerCanadaXuxue Feng PROPOSAL
Jefferson I SergiJapanXuxue Feng UNQUALIFIED
Ivar F MorascaSpainElwin Sharvill NEGOTIATION
Aditya T PoquetteCanadaIoni Bowcher NEW
Ivar N RimJapanIvan Magalhaes NEW
Sinclair C PaprockiJapanAnna Fali UNQUALIFIED
Darci K NickaGermanyAsiya Javayant NEGOTIATION
Adams F DoeRussiaAnna Fali NEW
Jefferson B RutaFranceBernardo Dominic RENEWAL
Aika J FerenczFranceIvan Magalhaes RENEWAL
Morrow U MarrierUnited KingdomAmy Elsner RENEWAL
Munro O TollnerCanadaAmy Elsner RENEWAL
Ricardo X VocelkaRussiaIvan Magalhaes NEW
David C ChuiUnited KingdomIoni Bowcher UNQUALIFIED
Wickens J DarakjyArgentinaAnna Fali PROPOSAL
David N ButtFranceXuxue Feng NEW
Alejandro H FlosiGermanyOnyama Limba NEGOTIATION
Misaki E RoysterFranceXuxue Feng NEW
Chavez Q OstroskyAustraliaAsiya Javayant QUALIFIED
Antonio I FollerSpainElwin Sharvill NEW
Salvatore Y StockhamAustraliaAsiya Javayant NEGOTIATION
Maria G ChuiCanadaBernardo Dominic NEGOTIATION
Alejandro A VocelkaItalyIvan Magalhaes PROPOSAL
Jeanfrancois F GauchoAustraliaBernardo Dominic NEW
Nicolas V OldroydArgentinaStephen Shaw NEGOTIATION
Wickens B InouyeArgentinaElwin Sharvill NEW
Deepesh X GauchoRussiaXuxue Feng NEGOTIATION
Leon F FollerGermanyElwin Sharvill NEW
David W MaletItalyXuxue Feng NEW
Emily M NestleCanadaXuxue Feng NEGOTIATION
Octavia L StockhamSpainAsiya Javayant PROPOSAL
Greenwood F WhobreyCanadaStephen Shaw QUALIFIED
Chavez M MarrierRussiaIoni Bowcher QUALIFIED
Emily W FlosiGermanyAsiya Javayant PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Silvio E AlbaresJapanElwin Sharvill QUALIFIED
Julie L GillianIndiaBernardo Dominic PROPOSAL
Darci Z DarakjyBrazilStephen Shaw UNQUALIFIED
Jones K DoeUnited KingdomIvan Magalhaes QUALIFIED
Juan A IturbideIndiaOnyama Limba PROPOSAL
Alejandro Q SlusarskiArgentinaElwin Sharvill RENEWAL
Arvin H KuskoItalyIvan Magalhaes PROPOSAL
Alejandro I KuskoSpainAmy Elsner RENEWAL
Leon A FlosiItalyAnna Fali PROPOSAL
Mujtaba D DilliardUnited KingdomBernardo Dominic PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Munro T StensethCanada2025-06-03Chapman, Ross E Esq QUALIFIED69Asiya Javayant
1001Ivar L WieserSpain2025-06-15Morlong Associates PROPOSAL93Onyama Limba
1002Rodrigues G GillianCanada2025-05-26Buckley Miller Wright NEGOTIATION62Anna Fali
1003Izzy G StockhamIndia2025-06-12King, Christopher A Esq QUALIFIED17Ioni Bowcher
1004Juan R GillianAustralia2025-05-23Feltz Printing Service PROPOSAL68Ivan Magalhaes
1005Deepesh U OstroskyUnited Kingdom2025-06-10Truhlar And Truhlar Attys PROPOSAL45Ivan Magalhaes
1006Jefferson R FollerArgentina2025-05-21Feltz Printing Service NEGOTIATION6Elwin Sharvill
1007Smith L TollnerFrance2025-06-04Benton, John B Jr NEGOTIATION60Stephen Shaw
1008Faith B GauchoJapan2025-06-14King, Christopher A Esq RENEWAL82Bernardo Dominic
1009Izzy H RulapaughUnited Kingdom2025-05-27Printing Dimensions NEW98Stephen Shaw
1010Jefferson Y BriddickFrance2025-06-02Benton, John B Jr QUALIFIED52Stephen Shaw
1011Smith A RimAustralia2025-05-30Feiner Bros QUALIFIED5Stephen Shaw
1012Jefferson M RimUnited Kingdom2025-06-07Morlong Associates NEW57Bernardo Dominic
1013Mujtaba Z GillianAustralia2025-06-05Rangoni Of Florence QUALIFIED32Ioni Bowcher
1014Jeanfrancois S IturbideCanada2025-06-08Commercial Press PROPOSAL22Ioni Bowcher
1015Jennifer L SaylorsIndia2025-06-11King, Christopher A Esq QUALIFIED30Asiya Javayant
1016James N FigeroaUnited Kingdom2025-05-24Morlong Associates NEW54Elwin Sharvill
1017Johnson P StensethRussia2025-06-09Chanay, Jeffrey A Esq PROPOSAL76Asiya Javayant
1018Wickens J AmigonUnited Kingdom2025-06-14King, Christopher A Esq QUALIFIED27Anna Fali
1019Jennifer N BologniaGermany2025-06-11Morlong Associates UNQUALIFIED33Anna Fali
1020Aruna W BriddickUnited Kingdom2025-06-16Rousseaux, Michael Esq RENEWAL67Bernardo Dominic
1021Aruna C BowleyBrazil2025-05-21Chanay, Jeffrey A Esq NEGOTIATION7Onyama Limba
1022Maria Z VenereIndia2025-06-03Benton, John B Jr NEGOTIATION29Onyama Limba
1023Mujtaba L GlickBrazil2025-05-29Rousseaux, Michael Esq NEW80Xuxue Feng
1024Greenwood F AlbaresFrance2025-05-26Chemel, James L Cpa RENEWAL72Stephen Shaw
1025Jeanfrancois O SlusarskiUnited Kingdom2025-05-18King, Christopher A Esq RENEWAL31Asiya Javayant
1026Mayumi I FerenczSpain2025-06-16Truhlar And Truhlar Attys RENEWAL48Asiya Javayant
1027Maisha H SlusarskiSpain2025-06-09Truhlar And Truhlar Attys NEGOTIATION35Bernardo Dominic
1028Emily L GarufiUnited Kingdom2025-05-18Chemel, James L Cpa UNQUALIFIED66Ivan Magalhaes
1029Jeanfrancois N MorascaRussia2025-05-28Feiner Bros NEW11Anna Fali
1030Munro C FlosiUnited Kingdom2025-06-14Rousseaux, Michael Esq NEW18Ivan Magalhaes
1031Ricardo S ButtUnited Kingdom2025-06-04Rousseaux, Michael Esq PROPOSAL45Xuxue Feng
1032Arvin Q MarrierFrance2025-05-28Benton, John B Jr QUALIFIED26Asiya Javayant
1033Maria J GauchoGermany2025-05-31Chanay, Jeffrey A Esq UNQUALIFIED90Ioni Bowcher
1034Johnson J OstroskyItaly2025-05-26Rangoni Of Florence QUALIFIED43Stephen Shaw
1035Arvin D StensethSpain2025-06-05Chemel, James L Cpa NEGOTIATION45Elwin Sharvill
1036Wickens S BriddickFrance2025-06-07Benton, John B Jr UNQUALIFIED41Bernardo Dominic
1037Maisha W AmigonUnited Kingdom2025-06-06Chanay, Jeffrey A Esq QUALIFIED99Xuxue Feng
1038Johnson E TollnerRussia2025-05-26Feltz Printing Service RENEWAL78Amy Elsner
1039Ricardo X CaudySpain2025-06-06Chanay, Jeffrey A Esq UNQUALIFIED97Bernardo Dominic
1040Silvio P PoquetteRussia2025-06-12Benton, John B Jr NEGOTIATION94Elwin Sharvill
1041Rodrigues A AlbaresAustralia2025-05-20Printing Dimensions PROPOSAL87Ioni Bowcher
1042Kaitlin I FlosiBrazil2025-05-19Feiner Bros PROPOSAL40Bernardo Dominic
1043Claire I SchemmerAustralia2025-05-26Chanay, Jeffrey A Esq UNQUALIFIED9Ivan Magalhaes
1044Wickens J GarufiBrazil2025-06-02Chanay, Jeffrey A Esq PROPOSAL10Amy Elsner
1045Salvatore I ButtArgentina2025-06-07Dorl, James J Esq NEW0Anna Fali
1046David Y ButtSpain2025-05-27Benton, John B Jr UNQUALIFIED69Bernardo Dominic
1047Kadeem E ButtFrance2025-06-03Feltz Printing Service NEGOTIATION80Stephen Shaw
1048Smith Z BologniaArgentina2025-05-30Commercial Press NEGOTIATION79Elwin Sharvill
1049Chavez M SchemmerUnited Kingdom2025-06-13Benton, John B Jr PROPOSAL64Ioni Bowcher
Frozen Rows
NameCountryRepresentativeStatus
Jeanfrancois I SaylorsIndiaAsiya Javayant UNQUALIFIED
Rodrigues H MaletSpainBernardo Dominic UNQUALIFIED
Nicolas R DoeGermanyBernardo Dominic NEGOTIATION
David K BriddickSpainIoni Bowcher QUALIFIED
Sinclair R ButtItalyAsiya Javayant PROPOSAL
Mujtaba U MaletItalyIvan Magalhaes QUALIFIED
Kadeem O SergiGermanyAnna Fali RENEWAL
Nicolas I FlosiIndiaElwin Sharvill QUALIFIED
Salvatore D CaldareraFranceAmy Elsner UNQUALIFIED
Cody F KolmetzCanadaAmy Elsner RENEWAL
Smith Y KolmetzItalyElwin Sharvill NEGOTIATION
Tony M RoysterSpainStephen Shaw UNQUALIFIED
Chavez H CaldareraBrazilAsiya Javayant PROPOSAL
Murillo Q PerinJapanIvan Magalhaes QUALIFIED
Chavez E IturbideBrazilBernardo Dominic NEGOTIATION
Maisha B WaycottArgentinaXuxue Feng NEW
David U VocelkaUnited KingdomAmy Elsner RENEWAL
Jefferson R CaudyGermanyStephen Shaw NEGOTIATION
Izzy U FerenczFranceAmy Elsner UNQUALIFIED
Jones I StockhamSpainXuxue Feng PROPOSAL
Johnson O MarrierUnited KingdomBernardo Dominic UNQUALIFIED
Alejandro A DoeSpainAsiya Javayant NEW
Clifford M CampainGermanyOnyama Limba QUALIFIED
Misaki S DarakjyGermanyOnyama Limba NEGOTIATION
Rodrigues F ShinkoRussiaIvan Magalhaes UNQUALIFIED
Aditya G DarakjyJapanElwin Sharvill QUALIFIED
Faith A AmigonUnited KingdomIoni Bowcher UNQUALIFIED
Arvin W OstroskyGermanyBernardo Dominic UNQUALIFIED
Juan F OldroydSpainIvan Magalhaes UNQUALIFIED
Mujtaba V RoysterFranceAmy Elsner NEW
Maria Z AlbaresArgentinaAnna Fali PROPOSAL
Kadeem J OldroydUnited KingdomAsiya Javayant PROPOSAL
Jefferson B RutaFranceBernardo Dominic UNQUALIFIED
Deepesh K CaudyGermanyStephen Shaw NEGOTIATION
Ricardo A FlosiCanadaAnna Fali UNQUALIFIED
Ashley T PerinItalyIvan Magalhaes QUALIFIED
Aruna Y MarrierSpainAmy Elsner QUALIFIED
Murillo Q FigeroaFranceAnna Fali NEGOTIATION
Cody H ButtFranceAsiya Javayant QUALIFIED
Salvatore J SchemmerJapanStephen Shaw NEGOTIATION
Arvin E PaprockiArgentinaAsiya Javayant PROPOSAL
Nicolas B MorascaCanadaAmy Elsner UNQUALIFIED
Costa I MacleadSpainIvan Magalhaes UNQUALIFIED
Salvatore G FigeroaFranceIoni Bowcher NEW
Stacey F FlosiFranceAmy Elsner QUALIFIED
Arvin X WieserJapanBernardo Dominic NEW
Izzy I SaylorsAustraliaElwin Sharvill NEGOTIATION
Aruna F RimItalyElwin Sharvill PROPOSAL
Darci J GauchoSpainIoni Bowcher NEGOTIATION
Izzy W WaycottAustraliaOnyama Limba RENEWAL
Frozen Columns
Name
Ashley U Caudy
Francesco X Saylors
Rodrigues O Marrier
Maisha Y Campain
Maisha H Figeroa
Chavez B Caudy
Julie C Vocelka
Greenwood D Chui
Murillo B Paprocki
Aruna Y Nicka
Mayumi J Stockham
Francesco U Flosi
Mayumi O Flosi
Clifford U Slusarski
Salvatore Q Caudy
Sinclair B Kolmetz
Chavez K Rim
Faith Y Bolognia
Salvatore Z Venere
Jeanfrancois T Ferencz
Isabel L Ostrosky
Juan H Morasca
Izzy J Poquette
Faith J Butt
Faith C Sergi
Murillo Z Gillian
Aditya N Malet
Smith M Rulapaugh
Isabel T Garufi
Mayumi Y Saylors
James A Marrier
Sinclair D Inouye
Ricardo O Waycott
Mayumi D Paprocki
Darci Y Foller
Emily F Garufi
Ashley N Ferencz
Leon Y Garufi
Cody M Butt
Jones Z Caldarera
Smith H Slusarski
Greenwood U Bowley
Leja M Caldarera
Mujtaba K Kolmetz
Jeanfrancois R Caudy
Emily M Briddick
Jennifer G Paprocki
Murillo Z Morasca
Tony J Gillian
Silvio Y Tollner
IdCountryDate
1000Brazil2025-06-10
1001Germany2025-05-27
1002France2025-06-11
1003Brazil2025-05-21
1004Russia2025-05-22
1005France2025-06-14
1006Russia2025-05-30
1007France2025-06-16
1008United Kingdom2025-05-21
1009France2025-06-15
1010Australia2025-05-18
1011Spain2025-05-30
1012France2025-06-11
1013Spain2025-05-31
1014Brazil2025-06-08
1015Russia2025-06-05
1016Germany2025-06-07
1017Italy2025-05-22
1018Brazil2025-05-28
1019Japan2025-05-26
1020Germany2025-06-03
1021Italy2025-05-24
1022India2025-05-28
1023Germany2025-06-06
1024Russia2025-05-19
1025United Kingdom2025-06-10
1026Brazil2025-05-19
1027Canada2025-06-14
1028Argentina2025-06-16
1029United Kingdom2025-06-03
1030Canada2025-05-26
1031Brazil2025-06-12
1032Brazil2025-05-20
1033Russia2025-05-27
1034Canada2025-05-23
1035United Kingdom2025-06-07
1036India2025-05-31
1037Italy2025-05-22
1038Canada2025-06-07
1039Spain2025-06-06
1040Spain2025-05-25
1041Italy2025-05-27
1042United Kingdom2025-06-11
1043Germany2025-06-09
1044Canada2025-05-19
1045Germany2025-06-02
1046Brazil2025-05-19
1047Germany2025-05-25
1048Canada2025-05-22
1049Germany2025-05-24

On-Demand Data

NameIdCountryDate
Antonio R Sergi1000Spain2025-05-24
Jones C Gillian1001Australia2025-06-14
Costa N Dilliard1002Japan2025-05-18
Tony R Sergi1003Russia2025-05-21
Nicolas M Caldarera1004Argentina2025-05-18
Octavia Z Chui1005Argentina2025-06-06
Claire F Maclead1006Spain2025-05-26
Izzy P Bolognia1007Russia2025-06-08
Jeanfrancois S Malet1008Argentina2025-06-05
Sinclair G Royster1009United Kingdom2025-06-04
Smith O Royster1010Spain2025-06-08
Jeanfrancois D Figeroa1011Italy2025-05-19
Cody Y Poquette1012Spain2025-06-04
Kadeem Q Wieser1013United Kingdom2025-05-19
Chavez K Doe1014Spain2025-06-14
Ivar Z Rulapaugh1015France2025-05-25
Maria A Nestle1016Brazil2025-06-10
Munro L Flosi1017Argentina2025-06-11
Smith B Stockham1018France2025-06-01
Tony J Waycott1019United Kingdom2025-06-08
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Leon M MorascaArgentinaIoni Bowcher NEGOTIATION
Morrow N VocelkaGermanyXuxue Feng NEGOTIATION
Leja C FlosiBrazilIvan Magalhaes PROPOSAL
Jennifer B WaycottSpainIvan Magalhaes PROPOSAL
Chavez U ShinkoSpainElwin Sharvill RENEWAL
Jefferson L RoysterAustraliaElwin Sharvill NEW
Nicolas D GauchoSpainElwin Sharvill NEGOTIATION
Ashley Q KuskoJapanIoni Bowcher RENEWAL
Izzy G StockhamAustraliaIvan Magalhaes UNQUALIFIED
James W ShinkoItalyIoni Bowcher PROPOSAL
Costa B PoquetteBrazilIvan Magalhaes NEGOTIATION
Isabel B NickaUnited KingdomIvan Magalhaes PROPOSAL
Cody Z BriddickArgentinaXuxue Feng PROPOSAL
Greenwood I GlickItalyStephen Shaw QUALIFIED
Kaitlin P TollnerItalyAmy Elsner NEW
Rodrigues E FerenczArgentinaAnna Fali NEGOTIATION
Salvatore B DoeAustraliaAnna Fali NEW
Claire Y WieserCanadaIvan Magalhaes NEGOTIATION
Kadeem R WaycottFranceElwin Sharvill NEGOTIATION
Jefferson I MorascaIndiaIvan Magalhaes RENEWAL
Greenwood P AlbaresCanadaBernardo Dominic NEGOTIATION
Murillo E FollerFranceIoni Bowcher NEW
Ricardo T NestleGermanyIvan Magalhaes UNQUALIFIED
Rodrigues X IturbideAustraliaIoni Bowcher QUALIFIED
Faith Q SchemmerBrazilAmy Elsner QUALIFIED
Mujtaba I BriddickCanadaOnyama Limba RENEWAL
Morrow N PoquetteItalyAmy Elsner NEW
Darci G SlusarskiUnited KingdomStephen Shaw NEW
Aditya M WieserGermanyStephen Shaw RENEWAL
Ivar C IturbideAustraliaXuxue Feng PROPOSAL
Wickens G NestleGermanyBernardo Dominic NEW
Aditya J GauchoUnited KingdomXuxue Feng RENEWAL
Arvin W FollerArgentinaOnyama Limba NEW
Murillo A MaletAustraliaStephen Shaw QUALIFIED
Deepesh T SlusarskiAustraliaIoni Bowcher QUALIFIED
Adams M SergiItalyElwin Sharvill RENEWAL
Murillo Q FigeroaJapanAsiya Javayant UNQUALIFIED
Octavia U KuskoItalyXuxue Feng UNQUALIFIED
Claire M CaldareraUnited KingdomBernardo Dominic PROPOSAL
Rodrigues L FlosiCanadaStephen Shaw 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">
            <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>