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
James X BriddickRussiaAsiya Javayant QUALIFIED
Salvatore N BowleyUnited KingdomStephen Shaw RENEWAL
Misaki L TollnerRussiaAnna Fali PROPOSAL
Leon N WieserSpainAsiya Javayant NEGOTIATION
Arvin A PerinItalyOnyama Limba RENEWAL
Julie Q MorascaJapanStephen Shaw RENEWAL
Chavez Z OstroskyAustraliaAmy Elsner PROPOSAL
Clifford W MaletItalyIoni Bowcher QUALIFIED
Murillo E WhobreyCanadaAsiya Javayant UNQUALIFIED
Jennifer Q WhobreyBrazilAsiya Javayant NEW
Tony X WaycottArgentinaIoni Bowcher NEW
Silvio Y MacleadAustraliaOnyama Limba RENEWAL
Faith C BologniaArgentinaXuxue Feng NEGOTIATION
Isabel X DoeAustraliaIoni Bowcher NEGOTIATION
Claire Q OldroydJapanBernardo Dominic QUALIFIED
Isabel B ChuiUnited KingdomElwin Sharvill RENEWAL
Francesco T FlosiArgentinaAnna Fali QUALIFIED
Tony N BowleyUnited KingdomIoni Bowcher NEGOTIATION
David R IturbideSpainAsiya Javayant NEW
Jones K DarakjyAustraliaXuxue Feng QUALIFIED
Johnson D CaudyItalyElwin Sharvill PROPOSAL
Darci D CaudyCanadaIvan Magalhaes RENEWAL
Isabel C OstroskyRussiaBernardo Dominic QUALIFIED
Tony B ChuiGermanyBernardo Dominic NEGOTIATION
Deepesh L CaudyJapanIoni Bowcher QUALIFIED
Salvatore R OstroskyRussiaAnna Fali QUALIFIED
Salvatore A VenereFranceIoni Bowcher UNQUALIFIED
Aika T SchemmerUnited KingdomAmy Elsner PROPOSAL
Cody B MacleadUnited KingdomBernardo Dominic RENEWAL
Silvio Z RimGermanyAsiya Javayant RENEWAL
Faith Z BriddickAustraliaAsiya Javayant RENEWAL
Greenwood F TollnerBrazilOnyama Limba RENEWAL
Ashley C WieserFranceXuxue Feng NEGOTIATION
Antonio B PerinUnited KingdomBernardo Dominic UNQUALIFIED
Deepesh D VenereRussiaElwin Sharvill QUALIFIED
Munro T DoeIndiaAnna Fali PROPOSAL
Jeanfrancois F RulapaughAustraliaStephen Shaw QUALIFIED
Silvio S DarakjyJapanIoni Bowcher NEGOTIATION
Emily S PaprockiItalyIoni Bowcher QUALIFIED
Claire J ChuiItalyBernardo Dominic QUALIFIED
Rodrigues J TollnerRussiaXuxue Feng UNQUALIFIED
Misaki S FigeroaRussiaIvan Magalhaes NEW
Wickens N AlbaresSpainXuxue Feng QUALIFIED
Francesco C BowleyCanadaAsiya Javayant RENEWAL
Cody O RulapaughJapanAsiya Javayant UNQUALIFIED
Jeanfrancois A KuskoIndiaIvan Magalhaes NEGOTIATION
Kadeem E AlbaresIndiaAnna Fali NEW
Morrow K IturbideSpainAnna Fali UNQUALIFIED
Sinclair P OldroydIndiaIvan Magalhaes NEW
Maisha X RoysterBrazilElwin Sharvill RENEWAL
Horizontal
NameCountryRepresentativeStatus
Francesco I WaycottJapanBernardo Dominic NEGOTIATION
Izzy O CampainSpainStephen Shaw NEW
Morrow G MaletCanadaIvan Magalhaes NEW
Kaitlin I InouyeUnited KingdomAnna Fali RENEWAL
Clifford T PoquetteUnited KingdomStephen Shaw PROPOSAL
Faith K DarakjyAustraliaIvan Magalhaes RENEWAL
Silvio Q NestleFranceBernardo Dominic NEGOTIATION
Salvatore J OldroydIndiaBernardo Dominic UNQUALIFIED
Aika K WaycottAustraliaAmy Elsner RENEWAL
Juan X InouyeAustraliaBernardo Dominic NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Alejandro G SergiJapan2024-09-14Chemel, James L Cpa QUALIFIED38Xuxue Feng
1001Chavez X KolmetzBrazil2024-09-11Rangoni Of Florence UNQUALIFIED81Ioni Bowcher
1002Misaki F KuskoIndia2024-09-04Printing Dimensions QUALIFIED96Amy Elsner
1003Aika C MaletIndia2024-09-17Commercial Press NEW27Stephen Shaw
1004Munro V WieserRussia2024-08-27Morlong Associates QUALIFIED78Elwin Sharvill
1005Jennifer E GauchoRussia2024-08-29Morlong Associates PROPOSAL39Bernardo Dominic
1006Salvatore Q MorascaCanada2024-09-18Rousseaux, Michael Esq QUALIFIED74Asiya Javayant
1007Clifford C StensethSpain2024-09-05King, Christopher A Esq PROPOSAL88Ioni Bowcher
1008Jeanfrancois H RimItaly2024-09-15Feltz Printing Service QUALIFIED84Asiya Javayant
1009Johnson F KolmetzAustralia2024-08-27Rangoni Of Florence NEGOTIATION94Onyama Limba
1010Maisha K GarufiIndia2024-09-08King, Christopher A Esq UNQUALIFIED23Onyama Limba
1011Aruna L CaudyAustralia2024-08-26Chanay, Jeffrey A Esq PROPOSAL60Ivan Magalhaes
1012Tony W MaletGermany2024-08-28Commercial Press UNQUALIFIED13Stephen Shaw
1013David P SlusarskiUnited Kingdom2024-08-30Chapman, Ross E Esq NEGOTIATION40Onyama Limba
1014Silvio B FigeroaRussia2024-09-19Chapman, Ross E Esq PROPOSAL18Xuxue Feng
1015Leja X SchemmerItaly2024-09-22Commercial Press NEW27Xuxue Feng
1016Darci U DoeGermany2024-08-28Feltz Printing Service UNQUALIFIED55Onyama Limba
1017Stacey C GarufiItaly2024-08-29Printing Dimensions UNQUALIFIED81Onyama Limba
1018Salvatore O KolmetzAustralia2024-09-14Chemel, James L Cpa UNQUALIFIED61Asiya Javayant
1019Claire O GlickIndia2024-08-29Chemel, James L Cpa RENEWAL43Anna Fali
1020Greenwood W SchemmerAustralia2024-09-21Chanay, Jeffrey A Esq RENEWAL87Amy Elsner
1021Julie Y GarufiItaly2024-09-20Buckley Miller Wright UNQUALIFIED80Elwin Sharvill
1022Costa V RoysterRussia2024-08-25Morlong Associates RENEWAL57Ioni Bowcher
1023Mujtaba W RutaFrance2024-09-10Chemel, James L Cpa RENEWAL36Asiya Javayant
1024Maria Z GarufiIndia2024-08-30Printing Dimensions QUALIFIED36Ivan Magalhaes
1025Octavia L WaycottSpain2024-09-11Printing Dimensions RENEWAL63Amy Elsner
1026Morrow U MacleadFrance2024-09-12King, Christopher A Esq PROPOSAL41Ivan Magalhaes
1027Claire V MacleadAustralia2024-09-14Feiner Bros RENEWAL59Ivan Magalhaes
1028Johnson S BowleyFrance2024-08-27Chapman, Ross E Esq UNQUALIFIED97Asiya Javayant
1029Jennifer D GlickAustralia2024-09-19Printing Dimensions RENEWAL66Onyama Limba
1030David J VenereGermany2024-08-28Morlong Associates QUALIFIED44Elwin Sharvill
1031Izzy N WaycottCanada2024-09-02Printing Dimensions QUALIFIED46Stephen Shaw
1032Leon Y FollerGermany2024-09-04King, Christopher A Esq PROPOSAL15Xuxue Feng
1033Munro J GlickArgentina2024-09-20Feltz Printing Service UNQUALIFIED17Asiya Javayant
1034Alejandro R MorascaJapan2024-09-14Truhlar And Truhlar Attys PROPOSAL27Stephen Shaw
1035Silvio O CaldareraRussia2024-09-04Feltz Printing Service NEW79Stephen Shaw
1036Julie C MacleadJapan2024-09-07Chemel, James L Cpa UNQUALIFIED87Stephen Shaw
1037Morrow T RoysterBrazil2024-09-21Printing Dimensions QUALIFIED37Ioni Bowcher
1038Jones K MacleadSpain2024-09-08Benton, John B Jr UNQUALIFIED27Bernardo Dominic
1039David A SchemmerCanada2024-08-30Truhlar And Truhlar Attys QUALIFIED67Bernardo Dominic
1040Murillo P InouyeBrazil2024-09-03Printing Dimensions QUALIFIED5Stephen Shaw
1041Deepesh P DoeUnited Kingdom2024-08-25Dorl, James J Esq UNQUALIFIED67Bernardo Dominic
1042Nicolas U WieserBrazil2024-09-15Feiner Bros NEGOTIATION3Xuxue Feng
1043Clifford H PaprockiBrazil2024-09-06Buckley Miller Wright NEGOTIATION10Onyama Limba
1044Rodrigues C GlickAustralia2024-08-29Chanay, Jeffrey A Esq NEW65Xuxue Feng
1045Mayumi R KolmetzCanada2024-09-08Chanay, Jeffrey A Esq PROPOSAL31Stephen Shaw
1046Wickens W AlbaresFrance2024-09-14Chemel, James L Cpa NEGOTIATION27Ioni Bowcher
1047James A StensethCanada2024-09-17Feltz Printing Service QUALIFIED13Xuxue Feng
1048Kaitlin A VocelkaSpain2024-09-17Commercial Press QUALIFIED84Anna Fali
1049Emily D TollnerFrance2024-09-17Chapman, Ross E Esq RENEWAL36Onyama Limba
Frozen Rows
NameCountryRepresentativeStatus
David Q RimGermanyAnna Fali NEW
Kaitlin C StensethIndiaAmy Elsner UNQUALIFIED
Deepesh B RimRussiaAnna Fali RENEWAL
Rodrigues H GlickCanadaOnyama Limba PROPOSAL
Mayumi S KolmetzFranceBernardo Dominic NEGOTIATION
Ivar L WieserArgentinaAsiya Javayant NEW
Isabel U MaletAustraliaElwin Sharvill NEW
Ricardo G NestleIndiaElwin Sharvill RENEWAL
Salvatore Z RutaFranceAsiya Javayant UNQUALIFIED
Juan D FollerFranceAmy Elsner NEGOTIATION
Smith T SchemmerFranceElwin Sharvill RENEWAL
Morrow I StensethGermanyAnna Fali UNQUALIFIED
Maria R AlbaresFranceOnyama Limba NEGOTIATION
Morrow N BriddickGermanyStephen Shaw PROPOSAL
Jennifer O BologniaArgentinaAsiya Javayant RENEWAL
Juan V DoeIndiaXuxue Feng NEW
Tony A SchemmerArgentinaXuxue Feng QUALIFIED
Stacey G FerenczArgentinaAsiya Javayant RENEWAL
Tony N BowleyUnited KingdomAmy Elsner NEW
Aditya T SaylorsFranceAsiya Javayant RENEWAL
Ashley Z RoysterUnited KingdomAnna Fali UNQUALIFIED
Mujtaba U GarufiItalyIoni Bowcher NEGOTIATION
Maisha X SaylorsIndiaAnna Fali NEGOTIATION
Ashley Z VocelkaRussiaXuxue Feng QUALIFIED
Aditya S WieserBrazilAnna Fali UNQUALIFIED
Costa M WaycottGermanyElwin Sharvill RENEWAL
Ivar R VocelkaRussiaAmy Elsner UNQUALIFIED
Maisha M CaldareraRussiaStephen Shaw PROPOSAL
Stacey C VocelkaUnited KingdomAsiya Javayant QUALIFIED
Juan S OldroydArgentinaXuxue Feng RENEWAL
Deepesh F NickaJapanAnna Fali QUALIFIED
Mayumi R DilliardCanadaAmy Elsner UNQUALIFIED
Tony H GillianBrazilOnyama Limba QUALIFIED
Jennifer R MorascaArgentinaOnyama Limba NEW
Jeanfrancois C SergiItalyAnna Fali QUALIFIED
Izzy P MaletRussiaElwin Sharvill QUALIFIED
Mujtaba P FollerSpainAmy Elsner UNQUALIFIED
Jones M ButtSpainOnyama Limba PROPOSAL
Arvin O OldroydFranceXuxue Feng QUALIFIED
Greenwood J ButtItalyAnna Fali PROPOSAL
Munro C ButtIndiaXuxue Feng NEW
Murillo A WaycottArgentinaOnyama Limba QUALIFIED
Maria I MaletArgentinaStephen Shaw NEW
Misaki I FollerIndiaAsiya Javayant QUALIFIED
Kadeem V FerenczAustraliaIoni Bowcher RENEWAL
David L KuskoArgentinaStephen Shaw QUALIFIED
Ricardo Z BowleyFranceStephen Shaw RENEWAL
Faith G StockhamCanadaStephen Shaw NEW
Stacey S PoquetteBrazilStephen Shaw UNQUALIFIED
Deepesh K AlbaresGermanyAmy Elsner PROPOSAL
Frozen Columns
Name
David N Ferencz
Greenwood Q Marrier
Darci R Paprocki
Ashley E Bowley
Jennifer Q Doe
Kadeem P Malet
Isabel P Perin
Alejandro X Flosi
Ashley F Schemmer
Silvio G Stockham
Mujtaba Y Royster
Juan V Waycott
Tony R Schemmer
Johnson A Bolognia
Mayumi L Foller
Clifford Y Garufi
David S Nestle
Adams Q Iturbide
Adams X Briddick
Claire H Caudy
Antonio N Ostrosky
Nicolas J Caldarera
Isabel U Ruta
Juan M Kusko
Stacey T Shinko
Ivar D Stenseth
Sinclair B Schemmer
Sinclair G Wieser
Aika X Venere
Salvatore L Ostrosky
Deepesh X Sergi
Juan Q Albares
Francesco I Vocelka
Chavez F Glick
Wickens I Nicka
Adams J Sergi
Leon L Bolognia
Antonio H Malet
Emily O Waycott
Nicolas F Perin
Cody X Stockham
Jones L Ferencz
Munro L Gillian
Leja D Waycott
Emily H Malet
Wickens M Ostrosky
Claire Z Gillian
Munro Z Albares
Ashley R Rim
Maria P Gillian
IdCountryDate
1000France2024-09-16
1001Japan2024-09-03
1002Japan2024-09-14
1003Japan2024-09-13
1004India2024-08-26
1005Argentina2024-09-13
1006Spain2024-09-01
1007India2024-09-05
1008Canada2024-08-25
1009Australia2024-09-13
1010Italy2024-09-17
1011Germany2024-08-27
1012Argentina2024-09-22
1013United Kingdom2024-08-26
1014Italy2024-09-13
1015Russia2024-09-14
1016Italy2024-09-01
1017Italy2024-08-31
1018Russia2024-09-06
1019India2024-08-27
1020France2024-08-28
1021United Kingdom2024-09-08
1022Germany2024-09-07
1023Germany2024-09-15
1024Japan2024-09-16
1025Brazil2024-09-02
1026Germany2024-09-19
1027Canada2024-08-26
1028United Kingdom2024-09-06
1029United Kingdom2024-09-10
1030United Kingdom2024-09-07
1031Brazil2024-08-30
1032Italy2024-09-16
1033Canada2024-09-07
1034Japan2024-09-07
1035Brazil2024-08-29
1036Spain2024-09-12
1037Japan2024-09-09
1038Japan2024-09-22
1039Canada2024-08-25
1040India2024-08-25
1041Brazil2024-09-13
1042Japan2024-09-05
1043Japan2024-08-28
1044Canada2024-09-06
1045Australia2024-09-05
1046Spain2024-09-23
1047Russia2024-08-31
1048Brazil2024-09-04
1049Germany2024-09-14

On-Demand Data

NameIdCountryDate
Claire T Maclead1000Russia2024-09-12
Silvio C Marrier1001Russia2024-09-12
Mayumi U Slusarski1002Germany2024-09-01
Claire G Marrier1003Spain2024-09-02
Costa E Sergi1004Brazil2024-09-11
Jeanfrancois U Stockham1005France2024-09-03
Maisha Q Venere1006Germany2024-08-26
Francesco Q Waycott1007United Kingdom2024-09-08
Ivar O Flosi1008Canada2024-09-15
Aruna U Sergi1009Italy2024-09-21
Ricardo P Chui1010Italy2024-08-31
Aika Q Perin1011Italy2024-08-25
Antonio F Campain1012France2024-08-29
Darci F Glick1013Canada2024-09-18
Antonio G Briddick1014Canada2024-09-08
Leja X Caldarera1015Germany2024-09-14
Octavia J Bolognia1016Argentina2024-09-08
Nicolas X Saylors1017Spain2024-09-13
Jennifer X Malet1018Argentina2024-09-15
Julie M Campain1019Brazil2024-09-21
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Jefferson B ChuiItalyAsiya Javayant QUALIFIED
Maisha V BowleyUnited KingdomIvan Magalhaes NEW
James S ChuiRussiaAnna Fali QUALIFIED
Misaki K SchemmerGermanyIoni Bowcher PROPOSAL
Darci U ButtCanadaBernardo Dominic NEGOTIATION
Ricardo J MarrierUnited KingdomBernardo Dominic QUALIFIED
Jones L IturbideGermanyAmy Elsner QUALIFIED
Smith D NestleAustraliaXuxue Feng UNQUALIFIED
Antonio W DarakjySpainAsiya Javayant NEW
Silvio L GauchoRussiaStephen Shaw RENEWAL
Costa T MorascaAustraliaIvan Magalhaes PROPOSAL
Kadeem Q BologniaFranceIvan Magalhaes NEW
Deepesh T KolmetzRussiaOnyama Limba PROPOSAL
Ivar E RulapaughJapanIoni Bowcher PROPOSAL
Jennifer D SchemmerArgentinaAmy Elsner QUALIFIED
Leja U ChuiUnited KingdomAnna Fali RENEWAL
Claire H CampainAustraliaOnyama Limba UNQUALIFIED
Chavez G BowleyItalyXuxue Feng UNQUALIFIED
James D ButtItalyStephen Shaw QUALIFIED
Leon C FigeroaAustraliaBernardo Dominic NEGOTIATION
David X MaletArgentinaXuxue Feng PROPOSAL
Nicolas A VocelkaUnited KingdomStephen Shaw PROPOSAL
Smith V FigeroaItalyAmy Elsner PROPOSAL
Cody Y SergiJapanBernardo Dominic RENEWAL
Aika O MarrierRussiaXuxue Feng PROPOSAL
Ashley K InouyeBrazilAmy Elsner RENEWAL
Jones Z MorascaArgentinaBernardo Dominic QUALIFIED
Emily X FerenczIndiaStephen Shaw QUALIFIED
Kadeem S GarufiBrazilBernardo Dominic PROPOSAL
Misaki R OstroskyRussiaBernardo Dominic UNQUALIFIED
Mayumi A GlickGermanyAnna Fali UNQUALIFIED
Adams G MaletFranceXuxue Feng UNQUALIFIED
Aika Z CampainBrazilAmy Elsner NEGOTIATION
Antonio O StockhamArgentinaIoni Bowcher RENEWAL
Jones H TollnerGermanyXuxue Feng NEW
Aruna N MarrierGermanyStephen Shaw UNQUALIFIED
Munro C FigeroaGermanyOnyama Limba PROPOSAL
Jefferson L RulapaughJapanOnyama Limba UNQUALIFIED
Jefferson E FollerIndiaAsiya Javayant NEW
Morrow I PerinBrazilAmy Elsner RENEWAL

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