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
Leon E NestleFranceXuxue Feng QUALIFIED
Wickens A IturbideItalyIoni Bowcher NEGOTIATION
David R BriddickUnited KingdomAmy Elsner NEGOTIATION
Murillo B PerinRussiaIvan Magalhaes NEGOTIATION
Mayumi P StensethAustraliaOnyama Limba UNQUALIFIED
Leja W SlusarskiUnited KingdomStephen Shaw QUALIFIED
Antonio B DarakjyAustraliaBernardo Dominic PROPOSAL
Johnson M FollerSpainIvan Magalhaes PROPOSAL
Jeanfrancois V ButtBrazilBernardo Dominic QUALIFIED
Jefferson P RimCanadaIvan Magalhaes PROPOSAL
Greenwood B GlickJapanElwin Sharvill RENEWAL
Johnson U BologniaCanadaIvan Magalhaes RENEWAL
Faith I StockhamFranceAmy Elsner PROPOSAL
Ashley I DilliardJapanStephen Shaw QUALIFIED
Morrow D BowleyItalyAnna Fali RENEWAL
Kadeem G OstroskyFranceAnna Fali QUALIFIED
Stacey F GarufiFranceIoni Bowcher UNQUALIFIED
Claire E OldroydBrazilIvan Magalhaes QUALIFIED
Cody L InouyeArgentinaXuxue Feng PROPOSAL
Adams C WhobreyItalyAnna Fali QUALIFIED
Antonio P WhobreyGermanyIvan Magalhaes UNQUALIFIED
Jeanfrancois J MorascaItalyStephen Shaw RENEWAL
James F CaudyUnited KingdomIoni Bowcher NEW
Misaki C GauchoAustraliaBernardo Dominic RENEWAL
Ricardo C FerenczGermanyOnyama Limba QUALIFIED
Salvatore Z SchemmerAustraliaAmy Elsner PROPOSAL
Greenwood Y VocelkaCanadaXuxue Feng NEW
Arvin M GauchoCanadaAnna Fali UNQUALIFIED
Emily G GillianCanadaIoni Bowcher PROPOSAL
Aruna X CampainIndiaAnna Fali NEGOTIATION
Munro Y BologniaJapanBernardo Dominic RENEWAL
Munro Z StensethGermanyXuxue Feng UNQUALIFIED
Darci F PoquetteCanadaElwin Sharvill NEGOTIATION
Alejandro X RoysterGermanyAnna Fali QUALIFIED
Salvatore R WaycottGermanyElwin Sharvill RENEWAL
Antonio R StockhamSpainXuxue Feng QUALIFIED
Silvio T StensethJapanIoni Bowcher NEW
Misaki U OldroydAustraliaStephen Shaw RENEWAL
Leja P BowleyCanadaBernardo Dominic UNQUALIFIED
Antonio Y MaletBrazilAsiya Javayant QUALIFIED
Jeanfrancois A MorascaIndiaBernardo Dominic PROPOSAL
Murillo G GillianCanadaOnyama Limba NEGOTIATION
Ivar P TollnerSpainAnna Fali UNQUALIFIED
Kadeem E KolmetzFranceElwin Sharvill PROPOSAL
Morrow S WhobreyBrazilBernardo Dominic RENEWAL
Clifford E PaprockiAustraliaAmy Elsner NEGOTIATION
Nicolas Q ButtRussiaIoni Bowcher NEGOTIATION
Morrow L KuskoJapanBernardo Dominic RENEWAL
Claire E GarufiCanadaIoni Bowcher QUALIFIED
Ivar D BriddickCanadaAmy Elsner QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Adams E SchemmerCanadaStephen Shaw NEGOTIATION
Darci L ChuiRussiaBernardo Dominic NEW
Mayumi O IturbideItalyXuxue Feng NEGOTIATION
Johnson S DilliardGermanyAnna Fali PROPOSAL
Aruna B RimFranceIoni Bowcher QUALIFIED
Mujtaba O RulapaughItalyBernardo Dominic NEGOTIATION
Francesco N AmigonAustraliaIoni Bowcher RENEWAL
Arvin P RulapaughJapanAnna Fali QUALIFIED
Deepesh H ButtCanadaOnyama Limba UNQUALIFIED
Nicolas P SlusarskiGermanyAsiya Javayant NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Murillo O GarufiItaly2025-05-20Feltz Printing Service NEW79Ioni Bowcher
1001James D BowleyAustralia2025-06-02Buckley Miller Wright NEGOTIATION75Ivan Magalhaes
1002Murillo R DoeRussia2025-05-28Truhlar And Truhlar Attys QUALIFIED69Xuxue Feng
1003Leja D WaycottJapan2025-05-20Truhlar And Truhlar Attys RENEWAL91Anna Fali
1004Ivar T TollnerRussia2025-06-09Rousseaux, Michael Esq QUALIFIED81Stephen Shaw
1005Ashley O ButtAustralia2025-06-01Feiner Bros UNQUALIFIED13Elwin Sharvill
1006Nicolas M NickaCanada2025-06-10Feltz Printing Service PROPOSAL39Ivan Magalhaes
1007Maria V CaldareraIndia2025-05-20Benton, John B Jr NEW26Asiya Javayant
1008Juan V FlosiItaly2025-06-12Chemel, James L Cpa NEGOTIATION96Amy Elsner
1009Jefferson T DarakjyRussia2025-05-23King, Christopher A Esq QUALIFIED16Asiya Javayant
1010Emily G RutaBrazil2025-06-05Chapman, Ross E Esq UNQUALIFIED37Elwin Sharvill
1011Alejandro C GlickItaly2025-05-18Feltz Printing Service NEGOTIATION56Xuxue Feng
1012Isabel D GlickAustralia2025-05-23Commercial Press NEGOTIATION90Amy Elsner
1013Jefferson I ButtIndia2025-05-22Rousseaux, Michael Esq QUALIFIED56Elwin Sharvill
1014Tony Q FollerAustralia2025-06-16King, Christopher A Esq UNQUALIFIED16Anna Fali
1015Emily M DoeBrazil2025-05-29Chemel, James L Cpa PROPOSAL77Ivan Magalhaes
1016Emily B PoquetteArgentina2025-06-04Dorl, James J Esq NEGOTIATION55Asiya Javayant
1017Smith D CampainUnited Kingdom2025-05-18Printing Dimensions UNQUALIFIED73Amy Elsner
1018Greenwood Q MaletSpain2025-05-28Feiner Bros NEW78Ivan Magalhaes
1019Morrow Z AlbaresFrance2025-06-04Rousseaux, Michael Esq NEW0Xuxue Feng
1020Mujtaba A WieserSpain2025-05-22Rousseaux, Michael Esq NEGOTIATION75Asiya Javayant
1021Claire W RimUnited Kingdom2025-06-07Morlong Associates RENEWAL23Ioni Bowcher
1022Munro H OstroskyRussia2025-05-23Dorl, James J Esq PROPOSAL9Xuxue Feng
1023Tony E DilliardArgentina2025-05-29Benton, John B Jr NEW34Xuxue Feng
1024Ricardo K BriddickIndia2025-06-01King, Christopher A Esq PROPOSAL97Ivan Magalhaes
1025Costa U RimArgentina2025-06-13King, Christopher A Esq UNQUALIFIED82Ivan Magalhaes
1026Costa S BologniaAustralia2025-05-19Chemel, James L Cpa QUALIFIED37Onyama Limba
1027Greenwood P MorascaSpain2025-06-01Truhlar And Truhlar Attys NEGOTIATION88Amy Elsner
1028Alejandro B PerinSpain2025-05-18Feiner Bros RENEWAL68Bernardo Dominic
1029Smith M WhobreyUnited Kingdom2025-05-18Printing Dimensions UNQUALIFIED8Onyama Limba
1030Munro G MaletItaly2025-05-26Feltz Printing Service RENEWAL60Asiya Javayant
1031Isabel G MorascaArgentina2025-05-20King, Christopher A Esq NEGOTIATION42Anna Fali
1032Cody F PaprockiBrazil2025-06-06Commercial Press QUALIFIED44Ivan Magalhaes
1033Aruna K CaudyAustralia2025-06-09Commercial Press QUALIFIED9Bernardo Dominic
1034Jennifer J GauchoAustralia2025-06-09Buckley Miller Wright NEGOTIATION45Xuxue Feng
1035Maria F StensethJapan2025-06-16Chemel, James L Cpa UNQUALIFIED56Stephen Shaw
1036Leja H GauchoSpain2025-06-13Truhlar And Truhlar Attys UNQUALIFIED77Elwin Sharvill
1037Leon V MarrierSpain2025-05-26King, Christopher A Esq UNQUALIFIED34Asiya Javayant
1038Claire Y GauchoJapan2025-05-29Chanay, Jeffrey A Esq NEW33Onyama Limba
1039Morrow B StensethGermany2025-06-06Morlong Associates RENEWAL30Anna Fali
1040Maisha V ChuiArgentina2025-05-27Buckley Miller Wright RENEWAL39Stephen Shaw
1041Antonio F OldroydRussia2025-06-03Chapman, Ross E Esq PROPOSAL95Ioni Bowcher
1042Sinclair A BologniaJapan2025-06-04Chanay, Jeffrey A Esq QUALIFIED14Onyama Limba
1043Aika B RoysterCanada2025-06-05Chapman, Ross E Esq NEW90Ioni Bowcher
1044Jones N KolmetzArgentina2025-06-07Benton, John B Jr RENEWAL80Amy Elsner
1045Ivar J GarufiCanada2025-06-11Printing Dimensions PROPOSAL23Bernardo Dominic
1046Leon Z GauchoArgentina2025-05-24Feiner Bros NEGOTIATION62Anna Fali
1047Maria V FlosiFrance2025-05-25Benton, John B Jr UNQUALIFIED63Stephen Shaw
1048Maisha C FlosiItaly2025-05-31Rousseaux, Michael Esq QUALIFIED33Bernardo Dominic
1049Tony E OstroskyJapan2025-06-01King, Christopher A Esq QUALIFIED6Anna Fali
Frozen Rows
NameCountryRepresentativeStatus
Maria F NickaSpainStephen Shaw NEGOTIATION
Morrow G InouyeRussiaAnna Fali RENEWAL
Juan Y BologniaFranceStephen Shaw UNQUALIFIED
James R StensethAustraliaOnyama Limba UNQUALIFIED
Maisha W RoysterRussiaAsiya Javayant UNQUALIFIED
Faith A BologniaFranceIoni Bowcher NEGOTIATION
Maisha O VenereIndiaAmy Elsner RENEWAL
Claire I OstroskyBrazilIoni Bowcher QUALIFIED
Alejandro U NickaJapanElwin Sharvill NEGOTIATION
Kadeem Q WhobreyArgentinaIvan Magalhaes RENEWAL
Aika I StockhamJapanIoni Bowcher NEGOTIATION
Emily K AlbaresArgentinaIoni Bowcher RENEWAL
Isabel Q SaylorsFranceIvan Magalhaes RENEWAL
Mujtaba B TollnerBrazilXuxue Feng NEGOTIATION
Adams F GarufiUnited KingdomIvan Magalhaes PROPOSAL
Jeanfrancois K PoquetteIndiaIoni Bowcher UNQUALIFIED
Aika A BowleyFranceElwin Sharvill QUALIFIED
Leja W BriddickFranceOnyama Limba PROPOSAL
Faith H IturbideRussiaAnna Fali RENEWAL
Aditya S AlbaresArgentinaBernardo Dominic NEGOTIATION
Arvin K KuskoUnited KingdomIoni Bowcher NEW
Deepesh V SergiRussiaStephen Shaw RENEWAL
Kaitlin C FlosiItalyStephen Shaw PROPOSAL
Francesco O TollnerJapanStephen Shaw UNQUALIFIED
Costa Y SaylorsItalyIoni Bowcher NEW
Munro Y ButtArgentinaAsiya Javayant QUALIFIED
Emily O GlickAustraliaElwin Sharvill RENEWAL
Aditya Y OldroydItalyAnna Fali NEGOTIATION
Chavez N VenereCanadaOnyama Limba UNQUALIFIED
Ashley T TollnerJapanOnyama Limba NEW
Munro Z PaprockiItalyBernardo Dominic PROPOSAL
Aika E BologniaAustraliaBernardo Dominic UNQUALIFIED
Aruna O SchemmerUnited KingdomIoni Bowcher PROPOSAL
Jones N PoquetteItalyIvan Magalhaes QUALIFIED
Claire W IturbideJapanOnyama Limba NEGOTIATION
Ashley J SlusarskiBrazilIvan Magalhaes UNQUALIFIED
Ivar W KuskoItalyIoni Bowcher PROPOSAL
Rodrigues V WaycottItalyBernardo Dominic UNQUALIFIED
Mayumi O GauchoGermanyAsiya Javayant UNQUALIFIED
Aika L VocelkaCanadaElwin Sharvill NEW
Arvin U StensethFranceElwin Sharvill UNQUALIFIED
Chavez B InouyeFranceElwin Sharvill QUALIFIED
Mayumi X WieserGermanyAmy Elsner PROPOSAL
Greenwood E FigeroaJapanElwin Sharvill RENEWAL
Darci I MacleadFranceAsiya Javayant NEW
Julie U MarrierArgentinaStephen Shaw NEGOTIATION
Maria C TollnerFranceIoni Bowcher RENEWAL
Alejandro T SergiCanadaAmy Elsner PROPOSAL
Sinclair D RulapaughJapanIvan Magalhaes RENEWAL
Leja U DilliardItalyIoni Bowcher UNQUALIFIED
Frozen Columns
Name
Morrow W Slusarski
Smith W Ruta
Maisha M Caudy
Chavez G Waycott
Munro N Royster
Nicolas U Waycott
Sinclair H Malet
Octavia E Kusko
Leon Z Nestle
Adams A Figeroa
Sinclair F Amigon
Smith Y Whobrey
Arvin G Dilliard
Maria J Garufi
Alejandro G Amigon
Faith J Schemmer
Smith W Nestle
Juan Z Wieser
Costa X Ruta
Isabel S Wieser
Kaitlin S Malet
Izzy U Garufi
Deepesh B Bolognia
Rodrigues X Whobrey
Mayumi K Dilliard
Morrow Q Vocelka
Cody V Inouye
Salvatore L Caldarera
Rodrigues H Glick
Ashley M Kolmetz
Aruna C Caudy
Ashley P Saylors
Jefferson B Slusarski
Maisha D Dilliard
Wickens T Morasca
Maria R Schemmer
Deepesh M Saylors
Mayumi X Malet
Cody K Briddick
Smith M Venere
Jennifer Y Nestle
Ashley D Nicka
Clifford D Nestle
Munro O Saylors
Kadeem E Briddick
David W Albares
Morrow U Stenseth
Emily K Bowley
James S Briddick
Maisha F Figeroa
IdCountryDate
1000Brazil2025-05-19
1001Australia2025-05-18
1002Italy2025-05-20
1003Germany2025-06-02
1004Germany2025-05-19
1005Japan2025-05-19
1006Germany2025-05-20
1007Italy2025-05-19
1008Canada2025-06-12
1009Russia2025-06-16
1010India2025-05-23
1011Spain2025-05-28
1012Russia2025-06-15
1013Australia2025-06-13
1014Japan2025-05-18
1015Canada2025-05-23
1016Germany2025-05-31
1017Italy2025-06-02
1018France2025-06-03
1019Brazil2025-06-13
1020Australia2025-05-18
1021Australia2025-06-12
1022Russia2025-06-14
1023Argentina2025-05-18
1024France2025-06-12
1025Brazil2025-05-20
1026Italy2025-06-08
1027India2025-05-30
1028Italy2025-06-01
1029Spain2025-06-12
1030Germany2025-06-06
1031Brazil2025-06-14
1032Italy2025-06-04
1033Japan2025-05-19
1034France2025-05-18
1035Canada2025-06-11
1036Canada2025-05-25
1037Brazil2025-06-12
1038Japan2025-05-21
1039France2025-06-16
1040Brazil2025-06-04
1041Canada2025-06-08
1042Russia2025-05-30
1043Germany2025-06-01
1044Spain2025-06-11
1045Canada2025-05-22
1046Brazil2025-05-29
1047Argentina2025-05-31
1048Japan2025-05-28
1049Australia2025-06-09

On-Demand Data

NameIdCountryDate
Deepesh P Kusko1000Japan2025-06-10
Salvatore Z Maclead1001India2025-06-09
Izzy Q Morasca1002Spain2025-06-02
Maisha Y Stenseth1003Argentina2025-06-15
Misaki V Malet1004India2025-06-13
Clifford I Slusarski1005Canada2025-06-15
Arvin W Glick1006Canada2025-05-22
Arvin U Rim1007Spain2025-06-15
Leja X Poquette1008India2025-05-19
Rodrigues G Waycott1009France2025-06-16
Smith J Amigon1010Japan2025-05-20
Adams G Caldarera1011Japan2025-06-14
Francesco S Stenseth1012United Kingdom2025-05-19
Emily F Ruta1013Germany2025-06-03
Claire V Nestle1014Germany2025-05-31
Leja S Venere1015Russia2025-05-20
Jennifer N Wieser1016Germany2025-06-01
Wickens I Malet1017United Kingdom2025-05-22
Tony P Bowley1018Australia2025-06-08
Kaitlin C Butt1019Spain2025-06-10
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Rodrigues Q MorascaArgentinaAmy Elsner QUALIFIED
Darci E RutaBrazilElwin Sharvill QUALIFIED
Aruna K VocelkaJapanStephen Shaw QUALIFIED
Rodrigues U SlusarskiSpainXuxue Feng PROPOSAL
Emily G PaprockiAustraliaAmy Elsner RENEWAL
Aditya Q SaylorsArgentinaXuxue Feng RENEWAL
Izzy F StockhamFranceXuxue Feng UNQUALIFIED
Alejandro S GarufiGermanyBernardo Dominic QUALIFIED
Stacey B StensethRussiaOnyama Limba QUALIFIED
Mujtaba H AlbaresJapanAnna Fali QUALIFIED
Maisha L OldroydBrazilAmy Elsner PROPOSAL
Chavez J ButtJapanElwin Sharvill NEGOTIATION
Octavia O BriddickCanadaXuxue Feng QUALIFIED
Ashley N FigeroaFranceIvan Magalhaes RENEWAL
Antonio S WhobreyCanadaIoni Bowcher QUALIFIED
Chavez P StensethBrazilIoni Bowcher QUALIFIED
Stacey F NickaGermanyOnyama Limba UNQUALIFIED
Rodrigues C AmigonArgentinaElwin Sharvill UNQUALIFIED
Rodrigues Q RutaFranceAmy Elsner UNQUALIFIED
Tony J PaprockiIndiaXuxue Feng NEGOTIATION
Maisha P MacleadIndiaStephen Shaw RENEWAL
Jeanfrancois E SaylorsSpainAmy Elsner UNQUALIFIED
Silvio O MorascaBrazilAmy Elsner QUALIFIED
James D MorascaAustraliaAmy Elsner NEGOTIATION
Morrow I FerenczBrazilAnna Fali RENEWAL
Cody Z FerenczRussiaIvan Magalhaes NEW
Maisha K IturbideCanadaOnyama Limba UNQUALIFIED
Jennifer H FollerGermanyOnyama Limba QUALIFIED
Aditya R NestleArgentinaElwin Sharvill RENEWAL
Octavia J StensethItalyIvan Magalhaes PROPOSAL
Jeanfrancois L CaudyIndiaIvan Magalhaes NEGOTIATION
Francesco Y DarakjyIndiaAnna Fali QUALIFIED
Stacey B VocelkaCanadaOnyama Limba QUALIFIED
Kaitlin U SchemmerAustraliaAnna Fali UNQUALIFIED
Murillo H AlbaresItalyOnyama Limba NEGOTIATION
Jefferson Z GarufiUnited KingdomAmy Elsner NEW
Emily C TollnerArgentinaStephen Shaw NEW
Ricardo E RimCanadaBernardo Dominic NEW
Arvin T MaletArgentinaIoni Bowcher PROPOSAL
Jeanfrancois F MorascaSpainIoni 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">
            <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>