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
Kadeem B CaudyUnited KingdomIvan Magalhaes PROPOSAL
Ricardo S PerinRussiaStephen Shaw NEW
Isabel Q CaudyBrazilAnna Fali QUALIFIED
Izzy Z RoysterUnited KingdomAsiya Javayant NEW
James Y StensethFranceAnna Fali NEGOTIATION
Isabel O WaycottSpainIoni Bowcher RENEWAL
Adams K ShinkoFranceIoni Bowcher NEW
Ricardo U PaprockiItalyStephen Shaw NEW
Adams S MorascaFranceElwin Sharvill NEGOTIATION
Ivar R MarrierSpainIvan Magalhaes NEW
Cody V IturbideAustraliaAsiya Javayant NEW
Silvio K MaletGermanyXuxue Feng NEGOTIATION
James Y InouyeAustraliaAsiya Javayant NEGOTIATION
Mujtaba T FigeroaBrazilElwin Sharvill RENEWAL
Darci K DarakjyUnited KingdomAsiya Javayant PROPOSAL
Izzy B PaprockiAustraliaAsiya Javayant QUALIFIED
Smith F DoeCanadaBernardo Dominic RENEWAL
David E PerinGermanyOnyama Limba PROPOSAL
Chavez U CampainBrazilIvan Magalhaes UNQUALIFIED
Leon Y FigeroaItalyAsiya Javayant QUALIFIED
Julie R StockhamFranceXuxue Feng UNQUALIFIED
Claire E GillianRussiaIoni Bowcher QUALIFIED
Izzy E GlickCanadaAnna Fali QUALIFIED
Kaitlin H WieserGermanyIvan Magalhaes RENEWAL
Smith S FerenczFranceAsiya Javayant NEGOTIATION
Sinclair H MacleadUnited KingdomXuxue Feng PROPOSAL
Emily T DilliardFranceStephen Shaw UNQUALIFIED
Kadeem R WieserUnited KingdomIvan Magalhaes NEW
Nicolas I MaletSpainAmy Elsner NEW
Juan M VocelkaBrazilAnna Fali UNQUALIFIED
Misaki F WhobreyGermanyAnna Fali QUALIFIED
Octavia Y MacleadBrazilAmy Elsner PROPOSAL
James O KolmetzItalyXuxue Feng RENEWAL
Johnson V DarakjyIndiaAsiya Javayant RENEWAL
Ricardo N IturbideItalyIoni Bowcher UNQUALIFIED
Kadeem C SaylorsArgentinaIoni Bowcher UNQUALIFIED
Emily U MorascaUnited KingdomOnyama Limba UNQUALIFIED
Mujtaba E SchemmerAustraliaAmy Elsner UNQUALIFIED
Darci Q GauchoArgentinaAnna Fali QUALIFIED
Jennifer H ShinkoSpainIvan Magalhaes PROPOSAL
Faith T RutaBrazilAnna Fali QUALIFIED
Juan C WaycottJapanStephen Shaw PROPOSAL
Morrow D MaletAustraliaBernardo Dominic RENEWAL
Nicolas F MacleadRussiaOnyama Limba RENEWAL
Stacey L DarakjyItalyIoni Bowcher NEGOTIATION
Kaitlin O TollnerJapanAnna Fali NEW
Tony L KolmetzSpainAnna Fali NEW
Mujtaba Z CampainArgentinaIoni Bowcher UNQUALIFIED
Salvatore E BologniaSpainStephen Shaw NEW
Murillo Z TollnerUnited KingdomIoni Bowcher QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Alejandro P OldroydFranceStephen Shaw UNQUALIFIED
James L FigeroaUnited KingdomStephen Shaw PROPOSAL
David H IturbideFranceAsiya Javayant NEW
Jones H BowleySpainIoni Bowcher RENEWAL
Leon Y ShinkoRussiaOnyama Limba PROPOSAL
Maisha W AlbaresSpainStephen Shaw UNQUALIFIED
Izzy B WaycottItalyOnyama Limba NEGOTIATION
Chavez J CampainArgentinaStephen Shaw QUALIFIED
Leon C WaycottAustraliaAsiya Javayant QUALIFIED
Darci B FerenczFranceAnna Fali NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Costa Z FerenczIndia2024-09-01Commercial Press PROPOSAL67Ioni Bowcher
1001Johnson W BowleyItaly2024-09-17Chemel, James L Cpa PROPOSAL19Amy Elsner
1002Claire Q KuskoRussia2024-09-09Benton, John B Jr PROPOSAL4Asiya Javayant
1003Mayumi A WhobreyItaly2024-08-26Buckley Miller Wright QUALIFIED78Onyama Limba
1004Emily M NickaSpain2024-09-19Feiner Bros QUALIFIED55Onyama Limba
1005Stacey N OldroydJapan2024-09-04Morlong Associates NEGOTIATION86Asiya Javayant
1006Chavez H MaletRussia2024-09-02Benton, John B Jr NEW21Stephen Shaw
1007Clifford O KuskoGermany2024-09-09Buckley Miller Wright QUALIFIED11Xuxue Feng
1008Nicolas T RoysterBrazil2024-09-10Chapman, Ross E Esq NEGOTIATION58Ivan Magalhaes
1009James A DoeJapan2024-09-18Chapman, Ross E Esq UNQUALIFIED88Bernardo Dominic
1010Morrow D StensethSpain2024-09-11Feltz Printing Service UNQUALIFIED31Stephen Shaw
1011Leja I PoquetteBrazil2024-08-28Commercial Press UNQUALIFIED70Xuxue Feng
1012Francesco O SergiSpain2024-09-21Rangoni Of Florence QUALIFIED5Ivan Magalhaes
1013Alejandro N NestleGermany2024-09-22Chemel, James L Cpa PROPOSAL58Asiya Javayant
1014Maisha J GarufiJapan2024-08-26Rousseaux, Michael Esq RENEWAL84Asiya Javayant
1015Maisha L BriddickJapan2024-08-30Printing Dimensions UNQUALIFIED7Asiya Javayant
1016Aika J WieserFrance2024-09-21Feiner Bros UNQUALIFIED56Bernardo Dominic
1017Tony K RimSpain2024-09-18Benton, John B Jr NEGOTIATION52Onyama Limba
1018Ashley F NestleAustralia2024-08-29King, Christopher A Esq QUALIFIED28Xuxue Feng
1019Greenwood T VenereFrance2024-09-03Chapman, Ross E Esq NEW62Onyama Limba
1020Jefferson U WhobreyCanada2024-09-12Buckley Miller Wright QUALIFIED86Ioni Bowcher
1021Greenwood V StockhamIndia2024-09-21Benton, John B Jr QUALIFIED65Amy Elsner
1022Darci R CaldareraBrazil2024-09-19Chanay, Jeffrey A Esq NEW56Ivan Magalhaes
1023Misaki K IturbideJapan2024-09-08Buckley Miller Wright PROPOSAL98Asiya Javayant
1024Jennifer F NestleItaly2024-09-06Commercial Press NEGOTIATION89Ioni Bowcher
1025Leon L RoysterBrazil2024-09-12King, Christopher A Esq NEW92Anna Fali
1026Chavez V PoquetteItaly2024-08-31Chanay, Jeffrey A Esq NEW44Ivan Magalhaes
1027Ivar Z WieserItaly2024-09-15Chanay, Jeffrey A Esq QUALIFIED13Amy Elsner
1028Adams J BowleyAustralia2024-08-28Commercial Press NEGOTIATION42Asiya Javayant
1029Nicolas N AmigonAustralia2024-09-05Dorl, James J Esq NEW95Amy Elsner
1030Costa R VocelkaRussia2024-09-14Printing Dimensions UNQUALIFIED68Ioni Bowcher
1031Jeanfrancois F BowleyCanada2024-08-29Printing Dimensions UNQUALIFIED80Elwin Sharvill
1032Aruna J MaletGermany2024-09-19Commercial Press NEGOTIATION85Ioni Bowcher
1033Murillo C OldroydItaly2024-09-14Printing Dimensions NEGOTIATION84Ioni Bowcher
1034Murillo E PoquetteSpain2024-09-06Dorl, James J Esq QUALIFIED57Bernardo Dominic
1035Rodrigues T MorascaItaly2024-09-02Buckley Miller Wright RENEWAL19Amy Elsner
1036Aditya B FigeroaBrazil2024-09-04Buckley Miller Wright NEW49Ioni Bowcher
1037Clifford G DarakjyCanada2024-09-03Feiner Bros QUALIFIED34Xuxue Feng
1038Juan P BriddickGermany2024-09-03Chapman, Ross E Esq NEGOTIATION79Bernardo Dominic
1039Jones Q WieserSpain2024-09-04Morlong Associates PROPOSAL6Anna Fali
1040Mayumi U OstroskyArgentina2024-09-05Feiner Bros RENEWAL73Ivan Magalhaes
1041Chavez E CaldareraIndia2024-09-13Morlong Associates UNQUALIFIED59Ioni Bowcher
1042Nicolas Q SaylorsBrazil2024-09-20Chanay, Jeffrey A Esq RENEWAL31Xuxue Feng
1043Jeanfrancois J TollnerBrazil2024-09-01King, Christopher A Esq RENEWAL33Onyama Limba
1044Costa B FlosiAustralia2024-08-27Commercial Press PROPOSAL55Xuxue Feng
1045Mayumi N IturbideFrance2024-09-17Benton, John B Jr UNQUALIFIED26Bernardo Dominic
1046Emily Q ShinkoSpain2024-09-17Truhlar And Truhlar Attys RENEWAL33Xuxue Feng
1047Smith S SlusarskiAustralia2024-09-20Commercial Press UNQUALIFIED82Onyama Limba
1048Munro U FerenczRussia2024-08-31King, Christopher A Esq QUALIFIED58Asiya Javayant
1049Leon X WhobreyIndia2024-09-02Feiner Bros RENEWAL98Stephen Shaw
Frozen Rows
NameCountryRepresentativeStatus
David Y DoeBrazilElwin Sharvill UNQUALIFIED
Misaki G FerenczJapanXuxue Feng RENEWAL
Aditya K AmigonSpainAmy Elsner QUALIFIED
James E SchemmerUnited KingdomAnna Fali NEW
Jennifer O StensethGermanyElwin Sharvill PROPOSAL
Alejandro U StensethSpainOnyama Limba NEGOTIATION
Nicolas I FigeroaJapanXuxue Feng NEW
Ivar E MarrierRussiaElwin Sharvill PROPOSAL
Alejandro C ShinkoUnited KingdomBernardo Dominic PROPOSAL
Mayumi W IturbideGermanyBernardo Dominic UNQUALIFIED
Mujtaba E ChuiSpainIvan Magalhaes PROPOSAL
Tony H AmigonSpainIoni Bowcher UNQUALIFIED
Jennifer G ChuiBrazilStephen Shaw PROPOSAL
Wickens X CampainAustraliaIvan Magalhaes RENEWAL
Ashley M MorascaAustraliaBernardo Dominic NEW
Jones R AlbaresFranceAnna Fali UNQUALIFIED
Octavia A IturbideIndiaOnyama Limba PROPOSAL
Francesco S RulapaughSpainIoni Bowcher RENEWAL
Morrow T MaletIndiaAsiya Javayant PROPOSAL
Leon X WhobreyUnited KingdomXuxue Feng NEGOTIATION
Misaki N StockhamRussiaIoni Bowcher RENEWAL
Chavez P TollnerRussiaBernardo Dominic UNQUALIFIED
Mujtaba I BriddickIndiaAnna Fali QUALIFIED
Jeanfrancois C CampainIndiaXuxue Feng UNQUALIFIED
Jeanfrancois N PaprockiArgentinaIvan Magalhaes UNQUALIFIED
Leja T MacleadBrazilOnyama Limba NEW
Leon X MacleadItalyElwin Sharvill QUALIFIED
Smith U CaldareraGermanyStephen Shaw PROPOSAL
Kaitlin D SchemmerAustraliaStephen Shaw NEGOTIATION
Alejandro Y ChuiRussiaStephen Shaw NEGOTIATION
Izzy Q SaylorsFranceStephen Shaw NEW
Leja Z VocelkaFranceAnna Fali NEW
Leja G MorascaSpainBernardo Dominic NEW
Maisha G GauchoItalyXuxue Feng NEW
Jennifer K BowleyArgentinaIvan Magalhaes UNQUALIFIED
Kaitlin T MorascaBrazilElwin Sharvill RENEWAL
Darci D DilliardJapanStephen Shaw RENEWAL
Nicolas Z AlbaresAustraliaOnyama Limba PROPOSAL
Johnson M CaldareraFranceBernardo Dominic NEGOTIATION
Greenwood Y MacleadSpainOnyama Limba RENEWAL
Nicolas D GauchoFranceAsiya Javayant NEW
Maisha D FerenczIndiaElwin Sharvill NEGOTIATION
Faith A AmigonSpainOnyama Limba PROPOSAL
Adams R WhobreyAustraliaStephen Shaw PROPOSAL
Aruna P VocelkaRussiaIoni Bowcher UNQUALIFIED
Emily G DoeFranceAsiya Javayant NEW
Smith Q GillianIndiaElwin Sharvill NEGOTIATION
Tony W CampainArgentinaAnna Fali QUALIFIED
Leja X PaprockiGermanyIoni Bowcher QUALIFIED
Smith A KuskoRussiaIvan Magalhaes NEGOTIATION
Frozen Columns
Name
Julie U Bowley
Claire Y Rim
Izzy R Paprocki
Juan X Ferencz
Mujtaba T Venere
Antonio K Marrier
Isabel T Oldroyd
Munro S Paprocki
Arvin M Vocelka
Mujtaba W Wieser
Mayumi P Shinko
Cody O Nestle
Jennifer Y Saylors
Aika X Iturbide
Maisha H Darakjy
Julie L Malet
Julie N Rim
Chavez P Malet
Murillo N Tollner
Alejandro X Albares
Maria X Gaucho
Jennifer H Saylors
Alejandro F Chui
Leja T Shinko
Julie B Gaucho
Maisha Y Vocelka
Maisha Z Albares
Cody V Schemmer
Arvin S Paprocki
Julie U Campain
Juan O Stenseth
Rodrigues R Vocelka
Adams M Morasca
Jefferson B Bowley
Ricardo R Gillian
Silvio X Darakjy
Greenwood I Vocelka
Maisha R Darakjy
Isabel Q Ferencz
Munro U Perin
Emily C Garufi
Ashley Y Poquette
Silvio F Nestle
Smith H Stenseth
Aditya M Iturbide
Claire N Shinko
Kaitlin V Saylors
Silvio I Albares
Aika P Gillian
Greenwood Z Schemmer
IdCountryDate
1000Japan2024-09-08
1001Australia2024-09-08
1002United Kingdom2024-09-05
1003Brazil2024-09-08
1004Brazil2024-09-07
1005Argentina2024-09-11
1006Germany2024-09-20
1007Italy2024-09-24
1008Russia2024-09-07
1009Japan2024-09-15
1010Spain2024-09-07
1011Japan2024-09-15
1012Canada2024-09-11
1013Spain2024-09-15
1014Italy2024-09-04
1015Australia2024-08-29
1016Russia2024-08-26
1017France2024-08-28
1018Canada2024-09-15
1019France2024-09-22
1020India2024-08-31
1021Italy2024-09-02
1022India2024-09-09
1023Spain2024-08-27
1024Brazil2024-09-15
1025Italy2024-09-20
1026Brazil2024-09-16
1027Italy2024-09-01
1028France2024-09-05
1029Argentina2024-09-17
1030France2024-09-21
1031Japan2024-08-28
1032Spain2024-09-08
1033Brazil2024-09-08
1034Japan2024-09-09
1035Brazil2024-09-05
1036Spain2024-08-26
1037United Kingdom2024-09-16
1038Argentina2024-09-21
1039Russia2024-09-24
1040Italy2024-09-22
1041Spain2024-08-26
1042Russia2024-09-14
1043Japan2024-08-28
1044Russia2024-09-18
1045Australia2024-09-07
1046Japan2024-08-30
1047United Kingdom2024-09-18
1048Canada2024-09-06
1049Australia2024-09-09

On-Demand Data

NameIdCountryDate
Emily T Schemmer1000United Kingdom2024-09-02
Julie B Slusarski1001Brazil2024-09-11
Tony F Inouye1002Argentina2024-09-12
Octavia J Shinko1003Germany2024-09-10
Kaitlin A Dilliard1004Italy2024-09-11
Murillo E Caldarera1005India2024-09-09
Misaki B Ruta1006Canada2024-09-18
Jeanfrancois W Foller1007Japan2024-09-05
Adams V Briddick1008Russia2024-09-01
Wickens F Whobrey1009Japan2024-09-05
Maisha I Waycott1010Brazil2024-09-21
Jones M Bolognia1011Italy2024-09-09
Sinclair Z Flosi1012Italy2024-08-30
Deepesh O Royster1013Italy2024-09-02
James D Iturbide1014Spain2024-09-11
Greenwood W Kolmetz1015Italy2024-09-22
Rodrigues X Poquette1016Italy2024-09-22
James O Schemmer1017Canada2024-09-19
Mujtaba X Venere1018Australia2024-08-26
Adams L Stenseth1019Italy2024-09-14
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Jennifer L VocelkaGermanyAmy Elsner RENEWAL
Juan O BriddickRussiaAnna Fali RENEWAL
Johnson L SergiCanadaXuxue Feng PROPOSAL
James M GarufiJapanStephen Shaw NEW
Jennifer J GarufiSpainAnna Fali PROPOSAL
Rodrigues K CaudyIndiaAnna Fali NEGOTIATION
Francesco V VocelkaGermanyBernardo Dominic NEW
Aruna K CaldareraSpainAsiya Javayant UNQUALIFIED
Izzy A WhobreyGermanyAnna Fali UNQUALIFIED
Adams M MaletSpainAnna Fali PROPOSAL
David Y BologniaJapanIvan Magalhaes RENEWAL
Tony M MaletJapanXuxue Feng NEGOTIATION
Aika Y FerenczFranceElwin Sharvill UNQUALIFIED
Salvatore T DilliardGermanyOnyama Limba NEW
Aditya W RutaFranceAnna Fali UNQUALIFIED
Jefferson A VocelkaJapanAsiya Javayant UNQUALIFIED
Deepesh Z OstroskyIndiaAsiya Javayant NEGOTIATION
Aruna G SaylorsSpainAnna Fali NEW
Alejandro O BriddickArgentinaAsiya Javayant NEGOTIATION
Leja S CaldareraBrazilAnna Fali UNQUALIFIED
Munro P NickaIndiaXuxue Feng UNQUALIFIED
Ashley U WhobreyIndiaOnyama Limba NEW
Silvio W CaldareraJapanOnyama Limba PROPOSAL
Leon W CampainUnited KingdomIvan Magalhaes UNQUALIFIED
Misaki W TollnerJapanAmy Elsner NEGOTIATION
Maria S PoquetteAustraliaIoni Bowcher NEGOTIATION
Francesco P SaylorsFranceAnna Fali RENEWAL
Maisha J GauchoIndiaXuxue Feng UNQUALIFIED
Nicolas C StockhamIndiaIvan Magalhaes NEGOTIATION
Ivar O FigeroaJapanStephen Shaw UNQUALIFIED
Munro U FollerRussiaIvan Magalhaes QUALIFIED
Leja H SchemmerItalyAsiya Javayant UNQUALIFIED
James W FerenczRussiaAsiya Javayant NEGOTIATION
Aditya T FlosiIndiaIoni Bowcher NEGOTIATION
Aditya N AmigonIndiaOnyama Limba PROPOSAL
Leja K RimAustraliaIvan Magalhaes QUALIFIED
Julie W RoysterJapanIvan Magalhaes QUALIFIED
Chavez I FlosiFranceIoni Bowcher NEGOTIATION
Arvin F KolmetzItalyAnna Fali PROPOSAL
Francesco C PaprockiArgentinaOnyama Limba NEW

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