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
Johnson G StensethSpainIvan Magalhaes PROPOSAL
Darci I GlickSpainElwin Sharvill QUALIFIED
Faith K RulapaughRussiaOnyama Limba UNQUALIFIED
Tony U KolmetzItalyBernardo Dominic QUALIFIED
Rodrigues P FigeroaUnited KingdomIvan Magalhaes QUALIFIED
Kaitlin W StockhamRussiaXuxue Feng PROPOSAL
Izzy A IturbideUnited KingdomAnna Fali NEGOTIATION
Morrow C CampainJapanStephen Shaw QUALIFIED
Cody M SchemmerUnited KingdomOnyama Limba QUALIFIED
Emily J SergiCanadaXuxue Feng QUALIFIED
Nicolas D SlusarskiBrazilBernardo Dominic NEW
David D CampainArgentinaElwin Sharvill NEGOTIATION
Greenwood K SaylorsJapanOnyama Limba NEW
Aditya L WaycottIndiaAsiya Javayant PROPOSAL
Jennifer O FerenczIndiaBernardo Dominic QUALIFIED
Aruna R InouyeItalyAnna Fali NEGOTIATION
Izzy M WhobreyCanadaIoni Bowcher UNQUALIFIED
Maisha G RulapaughJapanAsiya Javayant UNQUALIFIED
Faith L VenereIndiaXuxue Feng RENEWAL
Wickens U WhobreyFranceStephen Shaw PROPOSAL
David F AlbaresBrazilBernardo Dominic UNQUALIFIED
Ricardo E KuskoItalyBernardo Dominic RENEWAL
Aika C TollnerFranceStephen Shaw UNQUALIFIED
Maria D DilliardJapanAnna Fali PROPOSAL
Aruna H CaldareraIndiaAmy Elsner RENEWAL
Leja P MarrierItalyXuxue Feng UNQUALIFIED
Johnson V CaldareraRussiaOnyama Limba NEGOTIATION
David O StockhamAustraliaAsiya Javayant PROPOSAL
Chavez K InouyeIndiaStephen Shaw QUALIFIED
Greenwood C MarrierIndiaAnna Fali QUALIFIED
Kadeem K OldroydSpainElwin Sharvill UNQUALIFIED
Claire W BriddickBrazilOnyama Limba NEW
Silvio E FollerUnited KingdomBernardo Dominic QUALIFIED
Leon E ChuiCanadaBernardo Dominic NEW
Ashley W SaylorsFranceIvan Magalhaes PROPOSAL
Misaki E SergiJapanIoni Bowcher RENEWAL
Claire B GauchoGermanyAmy Elsner NEGOTIATION
Francesco G RoysterBrazilIvan Magalhaes UNQUALIFIED
Maisha Z FollerGermanyIoni Bowcher QUALIFIED
Greenwood B SergiCanadaStephen Shaw PROPOSAL
Costa H OstroskyGermanyBernardo Dominic QUALIFIED
Tony C GlickFranceAmy Elsner RENEWAL
Adams S AmigonCanadaAmy Elsner QUALIFIED
Deepesh N FigeroaSpainAnna Fali PROPOSAL
Clifford X FollerIndiaAnna Fali QUALIFIED
Aditya M InouyeBrazilXuxue Feng RENEWAL
James N FigeroaIndiaBernardo Dominic NEW
Alejandro V CampainJapanIoni Bowcher UNQUALIFIED
Leon P DoeIndiaElwin Sharvill PROPOSAL
Aruna V IturbideBrazilAmy Elsner NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Darci M PerinFranceAmy Elsner QUALIFIED
Octavia I PerinCanadaAnna Fali NEGOTIATION
Jefferson L BologniaCanadaAsiya Javayant QUALIFIED
Deepesh Y KolmetzJapanXuxue Feng QUALIFIED
Jeanfrancois I FollerItalyAmy Elsner RENEWAL
Claire W InouyeCanadaAnna Fali UNQUALIFIED
Izzy G GauchoJapanXuxue Feng RENEWAL
Silvio W OstroskyJapanXuxue Feng QUALIFIED
Octavia P RutaBrazilXuxue Feng PROPOSAL
Jones W FlosiCanadaStephen Shaw UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Jefferson Z FigeroaItaly2024-09-01Morlong Associates NEGOTIATION64Xuxue Feng
1001Kadeem X PaprockiGermany2024-09-12Chemel, James L Cpa PROPOSAL58Anna Fali
1002Julie D ShinkoIndia2024-09-25Commercial Press RENEWAL91Xuxue Feng
1003Cody C BologniaBrazil2024-09-11King, Christopher A Esq RENEWAL19Bernardo Dominic
1004Misaki X SergiFrance2024-09-06Feltz Printing Service NEGOTIATION41Bernardo Dominic
1005Aruna K SlusarskiCanada2024-09-22Chemel, James L Cpa PROPOSAL67Xuxue Feng
1006Jeanfrancois Q MaletBrazil2024-09-08Feiner Bros RENEWAL10Xuxue Feng
1007Costa W MaletGermany2024-09-02Dorl, James J Esq QUALIFIED66Onyama Limba
1008Antonio S FollerAustralia2024-09-15Morlong Associates NEW43Onyama Limba
1009Alejandro D ChuiArgentina2024-09-22Chapman, Ross E Esq PROPOSAL26Anna Fali
1010Aika W GarufiCanada2024-08-28Feiner Bros RENEWAL38Elwin Sharvill
1011Johnson H GillianUnited Kingdom2024-09-17Chapman, Ross E Esq NEW82Bernardo Dominic
1012Wickens C RoysterItaly2024-09-15Rousseaux, Michael Esq QUALIFIED70Xuxue Feng
1013Johnson X StockhamJapan2024-09-09Chapman, Ross E Esq UNQUALIFIED80Asiya Javayant
1014Smith H FigeroaUnited Kingdom2024-09-11Dorl, James J Esq PROPOSAL58Asiya Javayant
1015Aruna D PerinAustralia2024-09-23Chanay, Jeffrey A Esq QUALIFIED9Onyama Limba
1016Arvin D VenereItaly2024-09-19Rousseaux, Michael Esq RENEWAL99Anna Fali
1017Kadeem E OstroskyUnited Kingdom2024-09-19Feltz Printing Service NEW79Stephen Shaw
1018Juan X RimUnited Kingdom2024-09-01Printing Dimensions PROPOSAL79Stephen Shaw
1019Juan R SaylorsBrazil2024-09-25Chapman, Ross E Esq PROPOSAL37Ivan Magalhaes
1020Mujtaba W OstroskyRussia2024-09-10Chemel, James L Cpa UNQUALIFIED92Bernardo Dominic
1021Juan O MorascaRussia2024-08-27Commercial Press NEW58Elwin Sharvill
1022Faith L BologniaSpain2024-09-15Feltz Printing Service NEGOTIATION41Amy Elsner
1023Silvio L FollerUnited Kingdom2024-09-16Printing Dimensions QUALIFIED27Amy Elsner
1024Maisha R KuskoFrance2024-09-04Dorl, James J Esq QUALIFIED92Xuxue Feng
1025Francesco H FollerJapan2024-09-09Feiner Bros NEW39Amy Elsner
1026Kadeem K KolmetzUnited Kingdom2024-09-11Printing Dimensions NEGOTIATION11Stephen Shaw
1027James U RimUnited Kingdom2024-09-13Dorl, James J Esq RENEWAL59Asiya Javayant
1028Aditya N CampainAustralia2024-09-15Chemel, James L Cpa PROPOSAL73Amy Elsner
1029Isabel N CampainRussia2024-09-17Dorl, James J Esq RENEWAL91Ioni Bowcher
1030Jennifer Y OstroskyJapan2024-09-17Chanay, Jeffrey A Esq RENEWAL87Amy Elsner
1031Mujtaba G VenereSpain2024-09-01King, Christopher A Esq RENEWAL34Asiya Javayant
1032Aditya O ButtAustralia2024-08-30Chemel, James L Cpa UNQUALIFIED25Asiya Javayant
1033Chavez Y ShinkoUnited Kingdom2024-08-28Commercial Press PROPOSAL94Asiya Javayant
1034Morrow X AmigonJapan2024-09-16Benton, John B Jr UNQUALIFIED3Elwin Sharvill
1035Maisha A PaprockiCanada2024-09-05Dorl, James J Esq PROPOSAL12Ivan Magalhaes
1036Alejandro G KolmetzFrance2024-09-14Chanay, Jeffrey A Esq PROPOSAL35Xuxue Feng
1037Mujtaba M IturbideSpain2024-09-04Feiner Bros NEW71Elwin Sharvill
1038Morrow F PaprockiRussia2024-09-08Feiner Bros PROPOSAL47Anna Fali
1039Costa F InouyeUnited Kingdom2024-09-09Feiner Bros QUALIFIED50Amy Elsner
1040Kaitlin X KolmetzUnited Kingdom2024-09-10Rousseaux, Michael Esq PROPOSAL92Ivan Magalhaes
1041Izzy K AlbaresUnited Kingdom2024-09-19Chanay, Jeffrey A Esq NEW97Ioni Bowcher
1042Arvin C RulapaughArgentina2024-09-21Chanay, Jeffrey A Esq NEGOTIATION79Ioni Bowcher
1043Emily A FerenczFrance2024-09-20Feiner Bros QUALIFIED97Amy Elsner
1044Ivar F GillianIndia2024-09-21Buckley Miller Wright RENEWAL93Xuxue Feng
1045Leon I ButtCanada2024-08-31Feiner Bros RENEWAL33Ivan Magalhaes
1046Aditya N IturbideGermany2024-09-07Morlong Associates QUALIFIED63Onyama Limba
1047Costa W PerinBrazil2024-08-27King, Christopher A Esq NEW16Amy Elsner
1048David E BologniaIndia2024-09-18Morlong Associates PROPOSAL73Onyama Limba
1049David Z RulapaughJapan2024-09-25Printing Dimensions RENEWAL61Xuxue Feng
Frozen Rows
NameCountryRepresentativeStatus
Francesco B GarufiArgentinaAnna Fali QUALIFIED
Munro V DoeBrazilStephen Shaw NEW
Costa T WaycottJapanAsiya Javayant RENEWAL
Izzy N GauchoFranceOnyama Limba QUALIFIED
Ashley W RoysterAustraliaElwin Sharvill RENEWAL
Deepesh B PerinRussiaIoni Bowcher NEW
Murillo U OldroydGermanyXuxue Feng NEW
Francesco X RoysterFranceAmy Elsner RENEWAL
Faith G AmigonSpainAmy Elsner RENEWAL
Leja L ChuiIndiaAsiya Javayant UNQUALIFIED
Maisha L CaldareraIndiaOnyama Limba NEW
Morrow Z RimCanadaOnyama Limba NEGOTIATION
Clifford N ChuiJapanStephen Shaw NEGOTIATION
Mujtaba W IturbideGermanyXuxue Feng NEGOTIATION
Claire L SlusarskiBrazilIoni Bowcher NEGOTIATION
Munro N GauchoAustraliaIvan Magalhaes QUALIFIED
Morrow Z GlickArgentinaStephen Shaw QUALIFIED
Munro S PerinCanadaElwin Sharvill RENEWAL
Aditya K SchemmerAustraliaElwin Sharvill RENEWAL
Kaitlin O CaudyArgentinaStephen Shaw RENEWAL
Alejandro C WieserGermanyXuxue Feng QUALIFIED
Aditya Y NickaCanadaBernardo Dominic NEGOTIATION
Juan R ButtIndiaAnna Fali NEGOTIATION
Kaitlin L OldroydGermanyAsiya Javayant PROPOSAL
Claire S FerenczBrazilAsiya Javayant UNQUALIFIED
Ashley M CaldareraItalyXuxue Feng PROPOSAL
Chavez N IturbideSpainElwin Sharvill QUALIFIED
Murillo U DoeUnited KingdomElwin Sharvill PROPOSAL
Murillo Y RimJapanOnyama Limba RENEWAL
Arvin T BowleyItalyXuxue Feng NEW
Antonio B ChuiCanadaIoni Bowcher QUALIFIED
Kaitlin K WhobreyIndiaElwin Sharvill PROPOSAL
Jeanfrancois K CaldareraArgentinaAmy Elsner NEW
Kaitlin C DarakjyRussiaIoni Bowcher NEW
Leon L TollnerRussiaElwin Sharvill NEW
Sinclair V AmigonUnited KingdomElwin Sharvill RENEWAL
Cody T GauchoBrazilStephen Shaw RENEWAL
Mujtaba H AlbaresAustraliaAsiya Javayant NEGOTIATION
Aditya K RutaItalyElwin Sharvill NEW
Jeanfrancois F SlusarskiAustraliaBernardo Dominic RENEWAL
Murillo V FerenczCanadaIvan Magalhaes NEW
Morrow T AlbaresCanadaAsiya Javayant QUALIFIED
Jennifer X RutaIndiaAsiya Javayant PROPOSAL
Jefferson Y SaylorsGermanyOnyama Limba NEGOTIATION
Adams K RulapaughGermanyElwin Sharvill NEGOTIATION
Leon B SlusarskiIndiaBernardo Dominic UNQUALIFIED
Julie T WaycottArgentinaBernardo Dominic PROPOSAL
Sinclair L RutaRussiaOnyama Limba RENEWAL
Smith E NestleRussiaElwin Sharvill PROPOSAL
Clifford H KolmetzSpainAsiya Javayant UNQUALIFIED
Frozen Columns
Name
Aditya Z Caldarera
James X Briddick
Smith Q Flosi
Morrow Q Marrier
Morrow W Rim
Murillo B Iturbide
Jefferson D Nestle
Rodrigues W Maclead
Mayumi P Saylors
Aruna Y Royster
Maisha G Gaucho
Stacey T Venere
Nicolas T Tollner
Faith P Saylors
Isabel P Nestle
Sinclair W Vocelka
Kaitlin I Poquette
Julie K Caudy
Julie N Kusko
Juan D Nicka
Ivar Z Ferencz
Leja W Nicka
Jefferson Z Stockham
Izzy C Whobrey
Tony G Bowley
Alejandro L Albares
Chavez Q Iturbide
Isabel G Caldarera
Costa W Wieser
Julie H Glick
Mujtaba S Caudy
Faith O Whobrey
Julie T Caudy
Silvio K Iturbide
Morrow O Nestle
Antonio I Slusarski
Maisha F Figeroa
Stacey V Gillian
Kaitlin Z Gaucho
Wickens M Bolognia
Jones A Stockham
Izzy X Inouye
Jennifer Z Whobrey
Sinclair Z Schemmer
Kaitlin I Darakjy
Emily E Tollner
Mujtaba V Dilliard
Costa Z Malet
Francesco G Paprocki
Chavez F Tollner
IdCountryDate
1000India2024-08-28
1001Germany2024-09-22
1002Australia2024-08-30
1003Canada2024-09-24
1004Argentina2024-09-19
1005Italy2024-09-02
1006Spain2024-09-16
1007Italy2024-09-08
1008Germany2024-09-01
1009Germany2024-09-17
1010Germany2024-08-30
1011Germany2024-09-01
1012Spain2024-09-08
1013Japan2024-09-24
1014Argentina2024-09-16
1015India2024-08-28
1016Germany2024-08-29
1017Japan2024-09-07
1018India2024-09-03
1019Argentina2024-09-06
1020India2024-08-27
1021United Kingdom2024-09-11
1022Canada2024-09-24
1023Spain2024-09-03
1024Japan2024-09-20
1025Australia2024-09-07
1026Russia2024-09-25
1027United Kingdom2024-08-29
1028Russia2024-09-12
1029United Kingdom2024-09-19
1030Brazil2024-09-02
1031Italy2024-09-20
1032Spain2024-08-29
1033Japan2024-09-16
1034Argentina2024-09-19
1035United Kingdom2024-09-20
1036Argentina2024-09-02
1037Spain2024-09-08
1038Spain2024-09-15
1039France2024-09-18
1040India2024-09-04
1041Canada2024-09-10
1042Argentina2024-09-09
1043Argentina2024-09-24
1044Spain2024-09-16
1045Argentina2024-09-10
1046Australia2024-08-30
1047Germany2024-08-30
1048Germany2024-09-02
1049Japan2024-09-03

On-Demand Data

NameIdCountryDate
Chavez L Flosi1000Australia2024-09-09
Costa J Slusarski1001Brazil2024-09-08
Julie M Doe1002France2024-09-17
Claire K Stenseth1003Australia2024-09-04
Faith F Nicka1004United Kingdom2024-09-19
Smith I Ferencz1005Canada2024-08-30
Alejandro W Doe1006France2024-09-04
Nicolas E Stenseth1007Italy2024-09-13
Kadeem W Whobrey1008Japan2024-09-12
Murillo X Ferencz1009Australia2024-09-20
Julie B Dilliard1010Argentina2024-09-13
Francesco B Chui1011India2024-09-01
Rodrigues E Amigon1012Canada2024-08-29
Leon X Rim1013Spain2024-09-21
Juan O Bolognia1014France2024-09-25
Smith G Nestle1015Spain2024-09-09
Cody A Gillian1016Japan2024-09-02
Darci C Briddick1017India2024-09-17
Francesco E Butt1018Spain2024-09-04
Maria B Kolmetz1019Canada2024-09-20
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Maria L FlosiItalyAsiya Javayant NEGOTIATION
Tony O GarufiJapanOnyama Limba UNQUALIFIED
Aika C DilliardGermanyStephen Shaw NEW
Adams T GauchoItalyOnyama Limba QUALIFIED
James N MorascaJapanXuxue Feng UNQUALIFIED
Stacey X SergiArgentinaAsiya Javayant UNQUALIFIED
Octavia F InouyeFranceAmy Elsner UNQUALIFIED
Mujtaba Q InouyeFranceAnna Fali RENEWAL
Silvio P VenereUnited KingdomElwin Sharvill UNQUALIFIED
Mayumi D PoquetteRussiaIvan Magalhaes NEW
Smith U InouyeRussiaIoni Bowcher NEW
Costa R AlbaresFranceOnyama Limba PROPOSAL
Ashley U KolmetzSpainAnna Fali UNQUALIFIED
Misaki E InouyeIndiaXuxue Feng UNQUALIFIED
Emily A PaprockiFranceAsiya Javayant RENEWAL
David Q ButtItalyIoni Bowcher UNQUALIFIED
Aditya K IturbideArgentinaStephen Shaw PROPOSAL
Wickens M KolmetzUnited KingdomAnna Fali PROPOSAL
Julie I SergiAustraliaAnna Fali UNQUALIFIED
Jennifer Q VocelkaUnited KingdomIvan Magalhaes NEW
Aditya H WaycottCanadaIvan Magalhaes UNQUALIFIED
Emily T TollnerJapanElwin Sharvill PROPOSAL
Sinclair G StockhamUnited KingdomOnyama Limba QUALIFIED
Salvatore C BologniaIndiaXuxue Feng UNQUALIFIED
Munro Q WieserIndiaAnna Fali QUALIFIED
Deepesh Y GillianRussiaIvan Magalhaes RENEWAL
Julie R NickaJapanBernardo Dominic NEGOTIATION
Wickens D CaudyArgentinaIoni Bowcher RENEWAL
Ricardo O RutaBrazilOnyama Limba UNQUALIFIED
James V BowleySpainAnna Fali NEGOTIATION
Jennifer P DoeFranceElwin Sharvill QUALIFIED
Kaitlin Y PoquetteGermanyAmy Elsner PROPOSAL
Greenwood J CaldareraIndiaAsiya Javayant UNQUALIFIED
Julie Y BologniaCanadaBernardo Dominic NEW
Maisha I SaylorsItalyElwin Sharvill UNQUALIFIED
Chavez R SaylorsFranceIvan Magalhaes RENEWAL
James Q TollnerFranceXuxue Feng QUALIFIED
Jeanfrancois L MarrierCanadaIvan Magalhaes UNQUALIFIED
Jones L BriddickUnited KingdomAnna Fali UNQUALIFIED
Jefferson H SaylorsFranceStephen 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>