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
Izzy L StensethArgentinaBernardo Dominic PROPOSAL
Cody R BologniaAustraliaBernardo Dominic NEW
Faith C SaylorsGermanyIoni Bowcher NEW
Adams P ShinkoArgentinaBernardo Dominic NEGOTIATION
Ivar V AmigonGermanyElwin Sharvill RENEWAL
Maria Z FigeroaAustraliaIvan Magalhaes UNQUALIFIED
Salvatore R GlickCanadaOnyama Limba NEW
Cody X OldroydItalyAmy Elsner QUALIFIED
Costa V FlosiFranceStephen Shaw PROPOSAL
Kadeem I StockhamJapanXuxue Feng PROPOSAL
Faith S FlosiJapanBernardo Dominic UNQUALIFIED
Chavez C MarrierRussiaAnna Fali UNQUALIFIED
Munro K RimRussiaIoni Bowcher QUALIFIED
Ivar E AmigonRussiaAmy Elsner QUALIFIED
Ivar C ChuiFranceIoni Bowcher PROPOSAL
Francesco W FlosiBrazilElwin Sharvill NEGOTIATION
Morrow B SchemmerItalyOnyama Limba NEGOTIATION
Rodrigues P KolmetzGermanyAnna Fali NEW
Isabel X FollerAustraliaIvan Magalhaes NEW
Aika O KuskoFranceOnyama Limba QUALIFIED
Antonio B FigeroaArgentinaIvan Magalhaes NEGOTIATION
Clifford X MaletRussiaOnyama Limba NEW
Maisha L OstroskyAustraliaIvan Magalhaes QUALIFIED
Darci X BologniaSpainAmy Elsner NEW
Jefferson D TollnerRussiaXuxue Feng QUALIFIED
Jefferson J InouyeBrazilElwin Sharvill UNQUALIFIED
Kadeem W WaycottRussiaAsiya Javayant NEW
Alejandro G IturbideArgentinaElwin Sharvill PROPOSAL
Murillo K SergiCanadaAmy Elsner RENEWAL
Costa T StockhamCanadaOnyama Limba QUALIFIED
Octavia C RimSpainIoni Bowcher PROPOSAL
Ivar H VocelkaUnited KingdomAsiya Javayant NEW
Cody D RutaArgentinaIoni Bowcher UNQUALIFIED
Smith X RulapaughAustraliaAmy Elsner NEW
Isabel L VocelkaJapanIoni Bowcher UNQUALIFIED
Isabel U GillianJapanAsiya Javayant QUALIFIED
Chavez K OstroskyCanadaAmy Elsner UNQUALIFIED
Rodrigues J FollerItalyAnna Fali NEGOTIATION
Kadeem V SlusarskiCanadaAnna Fali QUALIFIED
Isabel I FlosiArgentinaAsiya Javayant NEGOTIATION
Aika J SchemmerRussiaAmy Elsner RENEWAL
Murillo L GillianUnited KingdomIoni Bowcher RENEWAL
Darci M AmigonArgentinaStephen Shaw PROPOSAL
Claire V VocelkaIndiaOnyama Limba UNQUALIFIED
Alejandro B FollerRussiaIoni Bowcher NEGOTIATION
Aruna K InouyeJapanAsiya Javayant RENEWAL
Munro H OstroskyRussiaStephen Shaw UNQUALIFIED
Ashley I WaycottUnited KingdomXuxue Feng NEW
Wickens H ChuiSpainIoni Bowcher RENEWAL
Arvin Y BologniaCanadaXuxue Feng NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Clifford S ButtAustraliaXuxue Feng NEW
Faith I PaprockiSpainElwin Sharvill PROPOSAL
Chavez O ButtCanadaBernardo Dominic PROPOSAL
Deepesh P OldroydIndiaXuxue Feng NEW
Julie J MacleadItalyAnna Fali NEW
Kadeem E DilliardCanadaStephen Shaw NEW
Izzy T ChuiGermanyAsiya Javayant NEGOTIATION
Jennifer R AlbaresFranceAnna Fali NEGOTIATION
Emily W GillianIndiaOnyama Limba PROPOSAL
Silvio O DarakjyGermanyIvan Magalhaes QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Mayumi B CaudyJapan2024-09-02Rangoni Of Florence UNQUALIFIED70Amy Elsner
1001Greenwood I DarakjyArgentina2024-09-17Chapman, Ross E Esq PROPOSAL55Elwin Sharvill
1002Morrow P NickaUnited Kingdom2024-09-21Feiner Bros QUALIFIED61Anna Fali
1003Faith K KuskoCanada2024-09-02Feltz Printing Service QUALIFIED16Anna Fali
1004Murillo C AmigonBrazil2024-09-09Dorl, James J Esq RENEWAL11Onyama Limba
1005Jones V TollnerGermany2024-09-18Rousseaux, Michael Esq RENEWAL65Anna Fali
1006Jeanfrancois N MarrierFrance2024-09-23Feiner Bros PROPOSAL25Anna Fali
1007Adams Z RutaItaly2024-08-31Chanay, Jeffrey A Esq QUALIFIED50Elwin Sharvill
1008Isabel W GlickJapan2024-09-19Printing Dimensions PROPOSAL85Anna Fali
1009Clifford U VocelkaSpain2024-09-18Benton, John B Jr RENEWAL8Onyama Limba
1010Rodrigues X FollerSpain2024-09-25Chanay, Jeffrey A Esq RENEWAL6Stephen Shaw
1011Antonio V DoeBrazil2024-08-28Rousseaux, Michael Esq NEW16Ivan Magalhaes
1012Sinclair S GauchoIndia2024-09-17Feltz Printing Service NEW76Ioni Bowcher
1013Chavez I ChuiGermany2024-09-02Dorl, James J Esq NEGOTIATION64Xuxue Feng
1014Murillo N WieserFrance2024-08-30Feltz Printing Service NEGOTIATION23Amy Elsner
1015Juan B KolmetzRussia2024-09-04King, Christopher A Esq QUALIFIED41Stephen Shaw
1016Maria Q FigeroaRussia2024-09-17Morlong Associates PROPOSAL50Amy Elsner
1017Deepesh W StockhamIndia2024-09-01Feltz Printing Service UNQUALIFIED0Xuxue Feng
1018Jones Y CampainAustralia2024-09-23Truhlar And Truhlar Attys RENEWAL6Xuxue Feng
1019Rodrigues G PerinSpain2024-09-18Chapman, Ross E Esq RENEWAL34Amy Elsner
1020Jefferson K FlosiJapan2024-09-07Truhlar And Truhlar Attys NEW11Asiya Javayant
1021Silvio G RoysterArgentina2024-08-29King, Christopher A Esq RENEWAL17Amy Elsner
1022Jefferson R KolmetzJapan2024-08-31Chapman, Ross E Esq NEGOTIATION88Onyama Limba
1023Ashley F NickaArgentina2024-09-18Commercial Press PROPOSAL72Elwin Sharvill
1024Rodrigues Z CaudyArgentina2024-08-31Feltz Printing Service NEGOTIATION12Asiya Javayant
1025Costa P PaprockiFrance2024-09-14Chanay, Jeffrey A Esq PROPOSAL77Xuxue Feng
1026Rodrigues R MaletIndia2024-09-12Dorl, James J Esq RENEWAL75Xuxue Feng
1027Jefferson E FigeroaSpain2024-09-03Printing Dimensions NEW59Asiya Javayant
1028David X GillianItaly2024-09-13Chanay, Jeffrey A Esq NEW23Stephen Shaw
1029Jennifer T PerinRussia2024-09-14Rangoni Of Florence QUALIFIED35Asiya Javayant
1030Juan N KolmetzGermany2024-09-11Feiner Bros NEW55Amy Elsner
1031Antonio R MacleadSpain2024-09-09Feltz Printing Service NEGOTIATION90Amy Elsner
1032Aruna Q BriddickGermany2024-08-28Rangoni Of Florence NEGOTIATION19Xuxue Feng
1033Leja C OldroydBrazil2024-09-02Chapman, Ross E Esq NEGOTIATION61Xuxue Feng
1034Morrow H InouyeArgentina2024-09-06Chanay, Jeffrey A Esq RENEWAL94Elwin Sharvill
1035Mayumi C RoysterArgentina2024-09-11Truhlar And Truhlar Attys PROPOSAL59Asiya Javayant
1036Jefferson G BowleySpain2024-08-30Rousseaux, Michael Esq QUALIFIED86Ioni Bowcher
1037Maisha S OldroydFrance2024-09-21Feltz Printing Service RENEWAL7Elwin Sharvill
1038Julie O SlusarskiFrance2024-09-17Commercial Press UNQUALIFIED99Elwin Sharvill
1039Jeanfrancois Z PoquetteSpain2024-09-21Benton, John B Jr QUALIFIED41Onyama Limba
1040Maisha F FerenczItaly2024-09-02Buckley Miller Wright NEGOTIATION90Bernardo Dominic
1041Claire U IturbideUnited Kingdom2024-09-04Dorl, James J Esq NEGOTIATION82Xuxue Feng
1042Johnson O MaletUnited Kingdom2024-09-12Chemel, James L Cpa UNQUALIFIED63Ioni Bowcher
1043Jeanfrancois W FlosiUnited Kingdom2024-09-05Commercial Press QUALIFIED74Anna Fali
1044Ivar V RimFrance2024-09-03Benton, John B Jr QUALIFIED89Ioni Bowcher
1045Stacey K GlickJapan2024-09-19Printing Dimensions PROPOSAL57Bernardo Dominic
1046Jones Q BologniaRussia2024-09-01Morlong Associates NEGOTIATION89Anna Fali
1047Octavia T InouyeUnited Kingdom2024-09-13King, Christopher A Esq NEGOTIATION50Amy Elsner
1048Leja U MaletRussia2024-09-10Chemel, James L Cpa RENEWAL4Anna Fali
1049Silvio V DilliardUnited Kingdom2024-09-14Feiner Bros RENEWAL57Amy Elsner
Frozen Rows
NameCountryRepresentativeStatus
Jeanfrancois A PaprockiCanadaElwin Sharvill QUALIFIED
Nicolas I ChuiGermanyOnyama Limba NEW
Clifford P SergiUnited KingdomAmy Elsner UNQUALIFIED
Stacey H CaldareraFranceIvan Magalhaes NEW
Darci X IturbideCanadaAnna Fali NEGOTIATION
Francesco Y NickaCanadaAsiya Javayant PROPOSAL
Rodrigues P ButtItalyIoni Bowcher NEW
Johnson A CampainGermanyXuxue Feng NEW
Cody V StockhamArgentinaElwin Sharvill RENEWAL
Juan H MorascaArgentinaAmy Elsner RENEWAL
Greenwood L TollnerJapanAsiya Javayant QUALIFIED
Deepesh X GauchoBrazilAsiya Javayant UNQUALIFIED
Chavez K CaldareraJapanIoni Bowcher NEW
Leon C MarrierArgentinaAmy Elsner UNQUALIFIED
Johnson Y PaprockiArgentinaAsiya Javayant QUALIFIED
Costa R MaletGermanyOnyama Limba UNQUALIFIED
Octavia G VocelkaItalyXuxue Feng NEW
Leja W WhobreyRussiaStephen Shaw RENEWAL
Cody H NickaRussiaXuxue Feng PROPOSAL
Munro Z StockhamRussiaOnyama Limba NEGOTIATION
Sinclair K FlosiItalyStephen Shaw QUALIFIED
Darci F TollnerJapanElwin Sharvill RENEWAL
Darci V WieserIndiaAnna Fali NEW
Aruna Y DarakjyCanadaAmy Elsner QUALIFIED
Greenwood T RutaSpainXuxue Feng NEGOTIATION
Silvio F VenereCanadaIoni Bowcher RENEWAL
Costa M StockhamCanadaStephen Shaw NEGOTIATION
Isabel F DoeArgentinaBernardo Dominic QUALIFIED
Aruna O CaudyArgentinaXuxue Feng NEW
Costa X RutaGermanyAnna Fali RENEWAL
Ashley F PoquetteFranceAnna Fali QUALIFIED
Chavez K WaycottCanadaIvan Magalhaes NEGOTIATION
Costa T SchemmerRussiaBernardo Dominic NEW
Izzy G BriddickIndiaBernardo Dominic PROPOSAL
Kaitlin M PaprockiBrazilOnyama Limba NEGOTIATION
Chavez V RutaIndiaIvan Magalhaes NEGOTIATION
Izzy Z WhobreySpainElwin Sharvill NEGOTIATION
Antonio U SergiAustraliaAmy Elsner RENEWAL
Misaki U FerenczCanadaAsiya Javayant NEW
Mujtaba Q PerinFranceAsiya Javayant QUALIFIED
Kaitlin V SlusarskiCanadaAsiya Javayant RENEWAL
Silvio G ChuiGermanyAmy Elsner RENEWAL
Arvin G VocelkaAustraliaStephen Shaw PROPOSAL
Morrow K MacleadGermanyAsiya Javayant RENEWAL
Smith F GarufiIndiaStephen Shaw PROPOSAL
Izzy T OstroskyFranceBernardo Dominic PROPOSAL
Tony M VenereCanadaXuxue Feng RENEWAL
Jeanfrancois L AmigonArgentinaOnyama Limba PROPOSAL
Maisha O FigeroaRussiaOnyama Limba UNQUALIFIED
Maria C MaletSpainAnna Fali RENEWAL
Frozen Columns
Name
Jefferson M Venere
Arvin X Butt
Cody T Inouye
Jefferson J Royster
Mujtaba B Malet
Greenwood R Foller
Murillo W Rulapaugh
Jefferson E Figeroa
Maria Z Stockham
Ashley Q Whobrey
Greenwood M Stockham
Faith F Iturbide
Aika T Butt
Chavez Z Nicka
Aditya D Flosi
David W Whobrey
Antonio H Malet
David H Garufi
David P Butt
Alejandro L Garufi
Chavez P Ruta
Salvatore G Waycott
Adams R Nicka
Ricardo Q Stenseth
Stacey H Doe
Kaitlin H Albares
Rodrigues D Glick
Cody T Waycott
Leon F Slusarski
Leon B Doe
Murillo S Foller
Tony O Ostrosky
Antonio N Rim
Aditya B Campain
Maria Y Caldarera
Cody T Foller
Sinclair X Royster
Francesco S Butt
Ashley Y Malet
Aika O Slusarski
Aruna D Shinko
Kadeem R Perin
Leon L Ferencz
Izzy R Stenseth
Kaitlin W Garufi
Leja M Schemmer
Maisha N Paprocki
Leja O Maclead
Izzy G Dilliard
Aika V Schemmer
IdCountryDate
1000France2024-09-18
1001Spain2024-09-22
1002Canada2024-09-12
1003Canada2024-09-02
1004Canada2024-09-07
1005Spain2024-09-08
1006Brazil2024-09-19
1007Australia2024-08-27
1008Japan2024-08-31
1009France2024-08-27
1010Brazil2024-09-22
1011Japan2024-09-09
1012France2024-09-08
1013Australia2024-09-21
1014Japan2024-09-13
1015Japan2024-09-02
1016Italy2024-09-24
1017Brazil2024-09-22
1018United Kingdom2024-09-22
1019France2024-09-02
1020Brazil2024-09-03
1021India2024-09-07
1022France2024-09-16
1023Brazil2024-09-23
1024Germany2024-09-18
1025Russia2024-09-16
1026Germany2024-09-13
1027Argentina2024-09-16
1028India2024-09-06
1029Argentina2024-09-02
1030Germany2024-09-21
1031Japan2024-09-15
1032Italy2024-08-30
1033Italy2024-09-03
1034Australia2024-08-30
1035Canada2024-09-17
1036Argentina2024-09-22
1037India2024-09-01
1038Italy2024-09-19
1039Spain2024-08-28
1040United Kingdom2024-09-16
1041Brazil2024-09-21
1042Russia2024-08-29
1043France2024-08-27
1044Japan2024-09-17
1045Australia2024-09-05
1046Australia2024-09-11
1047Russia2024-09-10
1048Russia2024-09-07
1049Italy2024-09-15

On-Demand Data

NameIdCountryDate
Maria A Bolognia1000United Kingdom2024-09-16
Smith C Rulapaugh1001Australia2024-09-23
Faith H Wieser1002Australia2024-09-17
Ashley Y Bolognia1003Japan2024-09-09
Greenwood A Schemmer1004United Kingdom2024-09-11
Rodrigues M Saylors1005Russia2024-08-31
Leon C Stenseth1006Australia2024-08-31
Faith H Inouye1007Canada2024-09-12
Leon W Caldarera1008United Kingdom2024-09-23
Johnson G Morasca1009Argentina2024-08-29
Nicolas Y Gillian1010Argentina2024-09-20
Costa M Darakjy1011India2024-08-28
Smith O Malet1012Germany2024-09-24
Tony B Amigon1013Russia2024-09-07
Chavez X Saylors1014Italy2024-09-17
Deepesh W Ostrosky1015Germany2024-09-16
Silvio A Dilliard1016France2024-09-06
Aditya L Wieser1017Italy2024-09-16
Aika B Bowley1018Spain2024-09-20
Johnson C Iturbide1019Russia2024-09-07
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Julie H SaylorsArgentinaBernardo Dominic QUALIFIED
Claire P FlosiArgentinaBernardo Dominic NEW
Aika C KuskoArgentinaAnna Fali NEW
Darci S PerinJapanIvan Magalhaes PROPOSAL
Morrow R WaycottFranceBernardo Dominic NEGOTIATION
Stacey Q InouyeFranceOnyama Limba UNQUALIFIED
Izzy R MacleadCanadaXuxue Feng PROPOSAL
Leon U RimRussiaXuxue Feng QUALIFIED
Rodrigues L WieserBrazilAmy Elsner QUALIFIED
Claire L TollnerArgentinaIvan Magalhaes PROPOSAL
Darci I GauchoCanadaIoni Bowcher NEGOTIATION
Misaki L ShinkoAustraliaAnna Fali UNQUALIFIED
Leja O SaylorsFranceXuxue Feng QUALIFIED
Wickens L SlusarskiIndiaAsiya Javayant PROPOSAL
Ashley B OldroydUnited KingdomXuxue Feng QUALIFIED
Leon O PaprockiRussiaElwin Sharvill NEW
Kaitlin M CaudyFranceIvan Magalhaes PROPOSAL
Sinclair J FollerBrazilIoni Bowcher NEGOTIATION
Isabel L PerinArgentinaIvan Magalhaes UNQUALIFIED
Francesco F FerenczIndiaIoni Bowcher NEW
Antonio L GarufiJapanOnyama Limba RENEWAL
Clifford N RulapaughItalyIvan Magalhaes RENEWAL
Kaitlin L MacleadUnited KingdomAnna Fali PROPOSAL
Munro Z GillianCanadaIoni Bowcher RENEWAL
Costa I DoeFranceAnna Fali UNQUALIFIED
Francesco U ButtUnited KingdomAnna Fali NEW
Ashley D MacleadIndiaOnyama Limba RENEWAL
Morrow W MorascaUnited KingdomIvan Magalhaes QUALIFIED
Morrow O FigeroaFranceAsiya Javayant QUALIFIED
Emily T GarufiUnited KingdomIoni Bowcher NEW
Claire S WhobreyJapanElwin Sharvill UNQUALIFIED
Murillo W GillianBrazilOnyama Limba UNQUALIFIED
Stacey M ButtItalyXuxue Feng NEW
Kadeem Z WhobreyAustraliaOnyama Limba NEW
Julie A ShinkoFranceIvan Magalhaes QUALIFIED
Izzy G RoysterIndiaIvan Magalhaes QUALIFIED
Jones F AmigonBrazilBernardo Dominic UNQUALIFIED
Maria I MacleadArgentinaAmy Elsner NEW
Francesco U PerinUnited KingdomAsiya Javayant PROPOSAL
Chavez U CaldareraAustraliaXuxue Feng 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>