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
Maisha Q ButtItalyElwin Sharvill RENEWAL
Johnson C StensethItalyStephen Shaw RENEWAL
Maria L IturbideCanadaAsiya Javayant NEW
Morrow E FerenczBrazilStephen Shaw RENEWAL
Jones E StockhamArgentinaAsiya Javayant QUALIFIED
Kaitlin S KuskoBrazilIvan Magalhaes RENEWAL
Rodrigues D IturbideFranceOnyama Limba NEGOTIATION
Ricardo E MaletAustraliaXuxue Feng PROPOSAL
Kaitlin W PaprockiBrazilBernardo Dominic PROPOSAL
Jennifer D DoeBrazilOnyama Limba PROPOSAL
Jefferson L RulapaughArgentinaBernardo Dominic NEGOTIATION
Mayumi D ShinkoUnited KingdomStephen Shaw NEGOTIATION
Maria F PerinIndiaIoni Bowcher PROPOSAL
Adams C KuskoArgentinaElwin Sharvill NEGOTIATION
Julie A WhobreyAustraliaXuxue Feng UNQUALIFIED
Deepesh U ChuiCanadaOnyama Limba QUALIFIED
Ivar M ShinkoCanadaBernardo Dominic QUALIFIED
Jones Y DilliardRussiaOnyama Limba NEGOTIATION
Clifford Y RulapaughBrazilIvan Magalhaes NEGOTIATION
Julie C MarrierRussiaIoni Bowcher QUALIFIED
Maisha V AlbaresIndiaElwin Sharvill UNQUALIFIED
Claire C RutaUnited KingdomStephen Shaw PROPOSAL
Cody R DarakjyFranceBernardo Dominic PROPOSAL
Smith X VenereFranceElwin Sharvill UNQUALIFIED
Jones M GlickArgentinaAnna Fali NEGOTIATION
Alejandro B PoquetteJapanAnna Fali PROPOSAL
Stacey U WaycottUnited KingdomOnyama Limba RENEWAL
Johnson I MorascaIndiaAmy Elsner NEGOTIATION
Jennifer Z SchemmerItalyStephen Shaw QUALIFIED
Mujtaba P BologniaJapanIvan Magalhaes RENEWAL
Misaki G SergiItalyElwin Sharvill UNQUALIFIED
Sinclair L FerenczAustraliaXuxue Feng RENEWAL
Misaki J WaycottRussiaIvan Magalhaes UNQUALIFIED
Alejandro B InouyeCanadaAmy Elsner PROPOSAL
Stacey U StensethGermanyAmy Elsner NEW
James I MarrierRussiaIvan Magalhaes RENEWAL
Juan T NickaRussiaAsiya Javayant PROPOSAL
Johnson Q MarrierRussiaIoni Bowcher NEW
Greenwood H RimIndiaOnyama Limba NEGOTIATION
Chavez W IturbideItalyIoni Bowcher NEGOTIATION
Stacey E InouyeRussiaOnyama Limba UNQUALIFIED
Adams P BowleyArgentinaXuxue Feng NEW
Izzy Q MacleadAustraliaAmy Elsner NEGOTIATION
Alejandro K FlosiCanadaXuxue Feng NEGOTIATION
Aruna Y RutaAustraliaElwin Sharvill RENEWAL
Ricardo Q NestleArgentinaAsiya Javayant NEW
Sinclair G RimIndiaAsiya Javayant QUALIFIED
Jones M SergiArgentinaAmy Elsner QUALIFIED
Antonio Y OldroydFranceAnna Fali UNQUALIFIED
Isabel R DoeFranceOnyama Limba NEW
Horizontal
NameCountryRepresentativeStatus
Clifford X ChuiGermanyBernardo Dominic RENEWAL
Silvio P StockhamUnited KingdomAmy Elsner UNQUALIFIED
Mayumi J ShinkoIndiaIoni Bowcher NEGOTIATION
Claire W AlbaresGermanyIvan Magalhaes QUALIFIED
Mayumi F FollerGermanyAsiya Javayant PROPOSAL
Maisha O SchemmerArgentinaIvan Magalhaes RENEWAL
Chavez T TollnerGermanyIoni Bowcher UNQUALIFIED
Munro Q CaldareraAustraliaAnna Fali PROPOSAL
Faith I BologniaAustraliaAnna Fali UNQUALIFIED
Octavia H FlosiGermanyXuxue Feng RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Mujtaba V RutaJapan2024-09-19Feltz Printing Service PROPOSAL39Ioni Bowcher
1001Claire O StockhamArgentina2024-09-15Feltz Printing Service NEW80Anna Fali
1002Darci G FigeroaGermany2024-08-24Rousseaux, Michael Esq PROPOSAL66Stephen Shaw
1003Aruna X DilliardJapan2024-09-04Morlong Associates PROPOSAL86Asiya Javayant
1004Jeanfrancois O DoeGermany2024-09-06Truhlar And Truhlar Attys UNQUALIFIED85Onyama Limba
1005Ashley I StockhamUnited Kingdom2024-08-24Feltz Printing Service PROPOSAL83Bernardo Dominic
1006Cody Q FigeroaUnited Kingdom2024-09-10Benton, John B Jr NEW20Ivan Magalhaes
1007Alejandro T FerenczJapan2024-08-26Feltz Printing Service RENEWAL8Anna Fali
1008Jefferson R DarakjyArgentina2024-09-01Chanay, Jeffrey A Esq NEGOTIATION23Asiya Javayant
1009Ricardo H StockhamFrance2024-08-28Benton, John B Jr RENEWAL35Anna Fali
1010Kadeem T NestleGermany2024-09-06Printing Dimensions NEW8Amy Elsner
1011Kaitlin J RulapaughSpain2024-09-06Feiner Bros QUALIFIED24Bernardo Dominic
1012Tony W OldroydItaly2024-09-16Feiner Bros NEGOTIATION21Ivan Magalhaes
1013Stacey O PaprockiItaly2024-09-02Commercial Press UNQUALIFIED98Xuxue Feng
1014Morrow S DilliardGermany2024-09-01Feltz Printing Service RENEWAL88Ivan Magalhaes
1015Aika E BriddickItaly2024-08-25Rousseaux, Michael Esq PROPOSAL5Bernardo Dominic
1016David D BowleyRussia2024-09-11Feiner Bros NEGOTIATION51Onyama Limba
1017Jennifer B MaletBrazil2024-09-04Chanay, Jeffrey A Esq NEW20Bernardo Dominic
1018Isabel K VocelkaGermany2024-09-09Feiner Bros QUALIFIED21Amy Elsner
1019Adams B RutaCanada2024-09-06Truhlar And Truhlar Attys QUALIFIED3Elwin Sharvill
1020Wickens P CaudyIndia2024-09-06Morlong Associates NEGOTIATION4Elwin Sharvill
1021Aruna R CampainItaly2024-09-10Benton, John B Jr PROPOSAL1Amy Elsner
1022Nicolas Y VenereGermany2024-09-09Morlong Associates RENEWAL46Anna Fali
1023Aruna H OldroydJapan2024-08-27Morlong Associates RENEWAL44Asiya Javayant
1024Misaki X GillianGermany2024-09-08Feiner Bros PROPOSAL90Ioni Bowcher
1025Aruna O AmigonFrance2024-09-18Feltz Printing Service NEW15Elwin Sharvill
1026Isabel R PerinArgentina2024-09-19Dorl, James J Esq QUALIFIED25Xuxue Feng
1027Antonio J PerinItaly2024-09-12Benton, John B Jr NEW12Anna Fali
1028Kadeem R InouyeItaly2024-09-22Morlong Associates RENEWAL7Bernardo Dominic
1029Jennifer N StockhamArgentina2024-09-19Truhlar And Truhlar Attys QUALIFIED49Asiya Javayant
1030Leon D DarakjyCanada2024-08-28Chemel, James L Cpa NEGOTIATION86Anna Fali
1031James S DarakjyCanada2024-09-05Buckley Miller Wright NEW27Amy Elsner
1032Emily O SergiCanada2024-09-09Printing Dimensions RENEWAL33Bernardo Dominic
1033Aika P CampainCanada2024-09-15Chanay, Jeffrey A Esq RENEWAL69Stephen Shaw
1034Rodrigues G ButtUnited Kingdom2024-09-14Feltz Printing Service PROPOSAL44Xuxue Feng
1035Antonio L OldroydBrazil2024-09-15Commercial Press NEGOTIATION96Xuxue Feng
1036David A VocelkaIndia2024-09-19Rangoni Of Florence UNQUALIFIED95Xuxue Feng
1037Juan H VenereAustralia2024-09-19Benton, John B Jr NEW80Onyama Limba
1038Kaitlin P WhobreyArgentina2024-08-27Printing Dimensions NEW3Stephen Shaw
1039Isabel B PerinGermany2024-09-04Chemel, James L Cpa RENEWAL33Amy Elsner
1040James Z NickaGermany2024-09-02King, Christopher A Esq NEGOTIATION96Onyama Limba
1041Juan L NestleSpain2024-09-19Printing Dimensions RENEWAL64Onyama Limba
1042Kadeem J FigeroaGermany2024-08-31Truhlar And Truhlar Attys QUALIFIED71Xuxue Feng
1043Misaki D KuskoJapan2024-09-14Printing Dimensions PROPOSAL23Amy Elsner
1044Maisha Z TollnerItaly2024-09-04Feiner Bros UNQUALIFIED83Anna Fali
1045Isabel N VocelkaAustralia2024-09-17Truhlar And Truhlar Attys PROPOSAL45Xuxue Feng
1046Isabel S CampainUnited Kingdom2024-08-30Feltz Printing Service NEW4Ioni Bowcher
1047Murillo A RulapaughArgentina2024-09-07Chapman, Ross E Esq NEGOTIATION41Stephen Shaw
1048Murillo M BologniaBrazil2024-09-03Rangoni Of Florence NEW23Xuxue Feng
1049Nicolas U MaletAustralia2024-09-15Truhlar And Truhlar Attys RENEWAL99Stephen Shaw
Frozen Rows
NameCountryRepresentativeStatus
Ivar Y IturbideBrazilXuxue Feng QUALIFIED
Jefferson X KolmetzBrazilStephen Shaw QUALIFIED
Johnson X SergiGermanyBernardo Dominic UNQUALIFIED
Aruna D ButtUnited KingdomStephen Shaw UNQUALIFIED
Misaki E RulapaughCanadaIvan Magalhaes NEGOTIATION
Stacey H GlickSpainAmy Elsner NEW
Silvio Q SlusarskiItalyStephen Shaw PROPOSAL
Nicolas G MaletGermanyStephen Shaw PROPOSAL
Tony E PerinSpainOnyama Limba UNQUALIFIED
Wickens V AlbaresGermanyAnna Fali PROPOSAL
Emily O SlusarskiCanadaOnyama Limba QUALIFIED
Jennifer C BriddickJapanIoni Bowcher RENEWAL
Jennifer X KuskoUnited KingdomOnyama Limba QUALIFIED
Ricardo M FigeroaBrazilAmy Elsner UNQUALIFIED
Maisha T ChuiAustraliaElwin Sharvill NEW
Julie F FollerAustraliaAsiya Javayant RENEWAL
Morrow J FlosiItalyAsiya Javayant UNQUALIFIED
Adams P ButtItalyAmy Elsner UNQUALIFIED
Ricardo U BriddickArgentinaOnyama Limba PROPOSAL
Kadeem Q PoquetteGermanyAnna Fali RENEWAL
Alejandro N StockhamFranceIoni Bowcher QUALIFIED
Deepesh Y ButtJapanElwin Sharvill PROPOSAL
Jeanfrancois B StensethFranceElwin Sharvill PROPOSAL
Francesco O PaprockiRussiaIoni Bowcher NEW
Emily B ButtIndiaIvan Magalhaes NEGOTIATION
Mayumi N FerenczIndiaIoni Bowcher RENEWAL
Munro G MaletSpainXuxue Feng NEGOTIATION
Jennifer P FerenczRussiaXuxue Feng NEW
Johnson A VocelkaUnited KingdomAnna Fali PROPOSAL
Tony N RimBrazilAsiya Javayant QUALIFIED
Clifford W MaletGermanyIoni Bowcher NEGOTIATION
Salvatore S OstroskyItalyStephen Shaw RENEWAL
Murillo R CaldareraItalyAsiya Javayant PROPOSAL
Misaki E BowleyFranceBernardo Dominic QUALIFIED
Wickens C GauchoFranceIoni Bowcher RENEWAL
Wickens S CaldareraJapanAmy Elsner UNQUALIFIED
James L CaldareraIndiaIoni Bowcher UNQUALIFIED
Adams C ButtUnited KingdomAnna Fali RENEWAL
Cody M FigeroaAustraliaStephen Shaw QUALIFIED
Faith L RoysterUnited KingdomIoni Bowcher UNQUALIFIED
Ivar Q SchemmerItalyElwin Sharvill RENEWAL
Cody P PerinFranceOnyama Limba UNQUALIFIED
Jones F ButtSpainElwin Sharvill QUALIFIED
Izzy R FollerUnited KingdomXuxue Feng PROPOSAL
Cody M DarakjyArgentinaAmy Elsner QUALIFIED
Arvin F FerenczUnited KingdomAnna Fali NEW
Francesco N ChuiBrazilAnna Fali NEW
Juan R FerenczJapanIoni Bowcher NEGOTIATION
Silvio X ButtItalyElwin Sharvill NEGOTIATION
Jennifer Q CampainJapanBernardo Dominic UNQUALIFIED
Frozen Columns
Name
Ashley I Glick
Emily J Darakjy
James P Tollner
Jones P Sergi
Jones N Malet
Maria W Inouye
Misaki R Iturbide
Smith I Campain
Maisha Q Nicka
Sinclair Q Figeroa
Isabel N Stockham
Misaki W Gillian
Aruna K Foller
Juan O Wieser
Stacey M Paprocki
Ivar V Figeroa
Morrow V Saylors
Nicolas E Flosi
Claire J Ostrosky
Leja R Oldroyd
Arvin J Briddick
Francesco I Chui
Jones J Marrier
Leja R Bolognia
Salvatore O Iturbide
Adams U Doe
Aditya J Marrier
Aditya U Ostrosky
Johnson D Iturbide
Maisha F Malet
Nicolas D Iturbide
Julie L Flosi
Leja R Nestle
Maisha W Malet
Clifford N Dilliard
Stacey D Shinko
Octavia P Nicka
Adams U Venere
Aika V Glick
Isabel G Marrier
Jefferson U Garufi
Wickens G Sergi
Kaitlin R Campain
Sinclair P Ferencz
Kadeem I Gaucho
Misaki B Bolognia
Kadeem D Amigon
Aditya K Waycott
Costa Q Saylors
Salvatore H Caldarera
IdCountryDate
1000France2024-09-16
1001Italy2024-09-14
1002France2024-09-06
1003Brazil2024-08-25
1004Russia2024-09-08
1005Italy2024-09-15
1006United Kingdom2024-09-14
1007Germany2024-09-10
1008Australia2024-09-22
1009Brazil2024-08-27
1010Australia2024-09-21
1011Italy2024-09-22
1012France2024-09-02
1013United Kingdom2024-08-28
1014Australia2024-09-01
1015Japan2024-09-09
1016Canada2024-09-02
1017Spain2024-09-20
1018India2024-09-09
1019Italy2024-08-27
1020United Kingdom2024-09-10
1021Germany2024-09-17
1022United Kingdom2024-08-29
1023Spain2024-08-26
1024Japan2024-09-13
1025Spain2024-09-04
1026Spain2024-08-31
1027India2024-09-08
1028Australia2024-08-27
1029Canada2024-09-22
1030Canada2024-09-17
1031Japan2024-09-05
1032India2024-09-18
1033Russia2024-09-17
1034United Kingdom2024-09-07
1035Australia2024-09-16
1036Brazil2024-09-12
1037Australia2024-09-14
1038Australia2024-09-07
1039Spain2024-09-09
1040Canada2024-08-30
1041Germany2024-09-08
1042Russia2024-09-07
1043Spain2024-08-30
1044United Kingdom2024-08-29
1045Spain2024-09-08
1046Argentina2024-09-22
1047India2024-09-03
1048Spain2024-09-06
1049Brazil2024-09-10

On-Demand Data

NameIdCountryDate
Antonio V Poquette1000Australia2024-08-26
Greenwood B Caldarera1001Italy2024-09-16
Kadeem Q Wieser1002Australia2024-09-16
Ivar J Inouye1003France2024-09-05
Costa B Ostrosky1004Germany2024-09-21
Ashley L Chui1005Germany2024-09-05
Adams C Nicka1006Canada2024-09-19
Murillo O Garufi1007Canada2024-09-10
Izzy B Venere1008France2024-09-17
Jones X Maclead1009Spain2024-09-18
David I Flosi1010India2024-09-19
Munro I Amigon1011Japan2024-09-18
Rodrigues L Iturbide1012Brazil2024-09-06
Smith E Perin1013Spain2024-09-22
Munro V Poquette1014Argentina2024-09-18
Leja E Oldroyd1015Brazil2024-09-02
Silvio O Darakjy1016Germany2024-09-12
Costa H Saylors1017United Kingdom2024-09-20
Nicolas V Stenseth1018Japan2024-08-27
Deepesh S Dilliard1019Russia2024-08-29
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Jones K DilliardItalyIoni Bowcher NEW
James E ChuiArgentinaAsiya Javayant RENEWAL
Greenwood V MorascaBrazilAnna Fali PROPOSAL
Cody V FigeroaIndiaOnyama Limba QUALIFIED
David S StensethItalyAsiya Javayant NEGOTIATION
David T AlbaresUnited KingdomOnyama Limba NEW
Jefferson S DilliardJapanOnyama Limba UNQUALIFIED
Wickens Y MacleadItalyOnyama Limba PROPOSAL
Isabel H ButtCanadaAmy Elsner NEW
Leja G KolmetzJapanIvan Magalhaes RENEWAL
Juan M VenereJapanOnyama Limba PROPOSAL
Jefferson W CaldareraFranceXuxue Feng NEGOTIATION
Izzy H CampainCanadaAnna Fali QUALIFIED
Kadeem C GarufiAustraliaStephen Shaw RENEWAL
Costa F ChuiCanadaIvan Magalhaes UNQUALIFIED
Jones D RimRussiaAsiya Javayant PROPOSAL
Kadeem N GauchoAustraliaBernardo Dominic QUALIFIED
Johnson R SlusarskiGermanyAmy Elsner PROPOSAL
Sinclair K TollnerSpainAsiya Javayant NEGOTIATION
Cody M FerenczGermanyElwin Sharvill PROPOSAL
Stacey A NickaUnited KingdomIoni Bowcher NEW
Tony L NestleGermanyElwin Sharvill RENEWAL
Aruna D PoquetteBrazilXuxue Feng PROPOSAL
Aika A RoysterRussiaBernardo Dominic QUALIFIED
Clifford V DilliardFranceAmy Elsner UNQUALIFIED
Juan X SlusarskiRussiaElwin Sharvill QUALIFIED
Wickens E FigeroaCanadaIoni Bowcher UNQUALIFIED
Nicolas A FigeroaItalyIvan Magalhaes QUALIFIED
Julie J PoquetteArgentinaIoni Bowcher RENEWAL
Isabel T GillianUnited KingdomAmy Elsner UNQUALIFIED
Ashley V OldroydIndiaElwin Sharvill UNQUALIFIED
Aruna U ChuiItalyAsiya Javayant QUALIFIED
Jones U SlusarskiArgentinaOnyama Limba RENEWAL
Jeanfrancois K MorascaJapanStephen Shaw UNQUALIFIED
Clifford E VenereItalyAnna Fali UNQUALIFIED
Murillo D WhobreyIndiaElwin Sharvill NEW
Rodrigues N GarufiRussiaXuxue Feng NEW
Leon B BologniaBrazilIvan Magalhaes PROPOSAL
Jones J NestleIndiaAmy Elsner NEW
Izzy B BowleyArgentinaAmy Elsner QUALIFIED

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