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 FollerArgentinaStephen Shaw QUALIFIED
Cody W KuskoSpainElwin Sharvill PROPOSAL
David R ButtAustraliaIvan Magalhaes UNQUALIFIED
Ricardo U KolmetzIndiaBernardo Dominic NEGOTIATION
Francesco A FigeroaCanadaBernardo Dominic NEGOTIATION
Murillo J FigeroaUnited KingdomIvan Magalhaes RENEWAL
Adams A WieserGermanyBernardo Dominic UNQUALIFIED
Darci Q StockhamCanadaOnyama Limba UNQUALIFIED
Maisha Q DoeCanadaXuxue Feng RENEWAL
David R FollerRussiaElwin Sharvill PROPOSAL
Misaki P StensethRussiaAmy Elsner QUALIFIED
Salvatore S KolmetzIndiaAmy Elsner PROPOSAL
Aika K VocelkaFranceStephen Shaw NEGOTIATION
Rodrigues S StensethUnited KingdomAmy Elsner QUALIFIED
Nicolas Z MaletArgentinaXuxue Feng QUALIFIED
Jefferson P RimSpainIoni Bowcher PROPOSAL
Nicolas T DarakjyUnited KingdomElwin Sharvill PROPOSAL
Silvio B NickaFranceAnna Fali QUALIFIED
Alejandro Z ChuiRussiaIvan Magalhaes NEGOTIATION
Izzy M SergiCanadaOnyama Limba QUALIFIED
Maria D WaycottFranceIvan Magalhaes NEW
Munro F BologniaUnited KingdomIoni Bowcher UNQUALIFIED
Nicolas T KuskoItalyOnyama Limba NEGOTIATION
Rodrigues S RimIndiaElwin Sharvill NEGOTIATION
Cody D WhobreyFranceIoni Bowcher RENEWAL
Sinclair R SlusarskiRussiaAmy Elsner UNQUALIFIED
Clifford D IturbideRussiaIvan Magalhaes NEGOTIATION
Mayumi V WieserGermanyAnna Fali PROPOSAL
Ivar G IturbideFranceAnna Fali UNQUALIFIED
Costa U PaprockiIndiaAnna Fali UNQUALIFIED
Salvatore I MorascaSpainAmy Elsner NEW
Tony G SchemmerBrazilIvan Magalhaes NEGOTIATION
Francesco Y DilliardArgentinaStephen Shaw QUALIFIED
Juan K MorascaUnited KingdomAsiya Javayant NEW
Smith K CaudyItalyBernardo Dominic PROPOSAL
Leon Y CaldareraFranceBernardo Dominic NEW
Chavez Y ChuiRussiaBernardo Dominic RENEWAL
Maria T PaprockiRussiaBernardo Dominic QUALIFIED
Chavez D InouyeBrazilStephen Shaw NEW
Rodrigues D ChuiIndiaStephen Shaw PROPOSAL
Jefferson R PaprockiAustraliaBernardo Dominic UNQUALIFIED
Greenwood H FollerBrazilStephen Shaw NEW
Adams O RimCanadaAsiya Javayant QUALIFIED
Emily L ChuiBrazilStephen Shaw NEW
Francesco D MaletRussiaElwin Sharvill NEGOTIATION
Izzy A MaletSpainIvan Magalhaes UNQUALIFIED
Mayumi O RoysterAustraliaIoni Bowcher NEGOTIATION
Julie W CaldareraBrazilBernardo Dominic UNQUALIFIED
Jefferson M FigeroaCanadaXuxue Feng NEGOTIATION
Costa F PoquetteBrazilIoni Bowcher NEW
Horizontal
NameCountryRepresentativeStatus
Emily U FlosiGermanyAmy Elsner RENEWAL
Mujtaba H FollerIndiaOnyama Limba PROPOSAL
Stacey B WaycottItalyBernardo Dominic QUALIFIED
Smith K ButtRussiaAnna Fali NEW
Wickens A GarufiFranceXuxue Feng QUALIFIED
Morrow X GlickArgentinaElwin Sharvill NEW
Aruna X CaldareraFranceXuxue Feng RENEWAL
Claire X SlusarskiCanadaAnna Fali QUALIFIED
Rodrigues A AlbaresIndiaAmy Elsner PROPOSAL
Julie U WhobreyGermanyElwin Sharvill RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Tony Z KuskoIndia2024-09-13Feiner Bros UNQUALIFIED24Ioni Bowcher
1001Kaitlin T SergiCanada2024-09-14King, Christopher A Esq QUALIFIED72Asiya Javayant
1002Ashley C MarrierItaly2024-09-21Rousseaux, Michael Esq NEGOTIATION3Bernardo Dominic
1003Isabel O OstroskyGermany2024-09-18Feiner Bros QUALIFIED48Bernardo Dominic
1004Alejandro Y AmigonIndia2024-08-31Rangoni Of Florence UNQUALIFIED53Asiya Javayant
1005Emily W MaletBrazil2024-09-14Feiner Bros PROPOSAL29Onyama Limba
1006Jones E VenereGermany2024-09-17Dorl, James J Esq UNQUALIFIED49Amy Elsner
1007Maisha X DarakjyAustralia2024-08-31Printing Dimensions PROPOSAL3Onyama Limba
1008Francesco R GillianSpain2024-09-19Rangoni Of Florence NEGOTIATION72Amy Elsner
1009Claire T GauchoBrazil2024-09-15Benton, John B Jr NEGOTIATION51Asiya Javayant
1010James E RimCanada2024-09-07Benton, John B Jr NEGOTIATION51Bernardo Dominic
1011Ricardo H PoquetteRussia2024-09-04Printing Dimensions NEGOTIATION36Stephen Shaw
1012Jeanfrancois O KuskoArgentina2024-09-24Buckley Miller Wright RENEWAL37Stephen Shaw
1013Darci O MaletArgentina2024-09-07Truhlar And Truhlar Attys UNQUALIFIED62Stephen Shaw
1014Francesco T OldroydArgentina2024-09-14Buckley Miller Wright PROPOSAL37Stephen Shaw
1015Kadeem T OstroskySpain2024-09-04Chanay, Jeffrey A Esq PROPOSAL64Onyama Limba
1016Misaki Q FlosiBrazil2024-09-07Morlong Associates UNQUALIFIED34Elwin Sharvill
1017Mujtaba D IturbideJapan2024-09-05Rangoni Of Florence UNQUALIFIED23Ivan Magalhaes
1018Smith L VocelkaFrance2024-09-10Commercial Press PROPOSAL5Xuxue Feng
1019Misaki F BologniaUnited Kingdom2024-09-05Feltz Printing Service UNQUALIFIED59Stephen Shaw
1020Chavez U FigeroaFrance2024-09-03Rangoni Of Florence PROPOSAL45Ivan Magalhaes
1021Nicolas D FigeroaSpain2024-09-08Chapman, Ross E Esq RENEWAL84Asiya Javayant
1022Deepesh H GauchoAustralia2024-09-02Commercial Press NEGOTIATION4Anna Fali
1023Wickens T AmigonFrance2024-09-11Feltz Printing Service RENEWAL95Xuxue Feng
1024Ashley X ButtCanada2024-09-03Rangoni Of Florence PROPOSAL98Amy Elsner
1025Costa I StockhamCanada2024-09-19Truhlar And Truhlar Attys RENEWAL7Onyama Limba
1026Salvatore Q CaudyUnited Kingdom2024-09-23Chemel, James L Cpa RENEWAL84Anna Fali
1027Tony U FlosiSpain2024-09-15Rousseaux, Michael Esq PROPOSAL67Anna Fali
1028Clifford Z PoquetteGermany2024-09-15Chapman, Ross E Esq PROPOSAL13Bernardo Dominic
1029Mujtaba T BriddickSpain2024-09-19Chemel, James L Cpa NEGOTIATION93Onyama Limba
1030Ricardo K FlosiFrance2024-09-22Buckley Miller Wright NEGOTIATION75Anna Fali
1031Izzy Q VocelkaCanada2024-09-08Buckley Miller Wright NEGOTIATION7Onyama Limba
1032Misaki W BologniaItaly2024-09-16Benton, John B Jr QUALIFIED69Ioni Bowcher
1033Wickens W MorascaJapan2024-09-04Feiner Bros UNQUALIFIED10Ivan Magalhaes
1034Juan L GauchoSpain2024-09-23King, Christopher A Esq NEGOTIATION88Bernardo Dominic
1035Jeanfrancois U CaldareraJapan2024-09-03Morlong Associates RENEWAL34Asiya Javayant
1036Jeanfrancois A OstroskyIndia2024-09-11Morlong Associates RENEWAL99Xuxue Feng
1037Rodrigues R ChuiIndia2024-09-01Feltz Printing Service PROPOSAL95Elwin Sharvill
1038Claire X PerinAustralia2024-09-06Benton, John B Jr NEGOTIATION52Ioni Bowcher
1039Rodrigues A SchemmerFrance2024-09-20Morlong Associates NEW73Onyama Limba
1040Leja G VocelkaUnited Kingdom2024-09-17Printing Dimensions NEW79Bernardo Dominic
1041Jefferson G KolmetzCanada2024-08-31Buckley Miller Wright PROPOSAL92Xuxue Feng
1042Leja J ShinkoGermany2024-09-06Chapman, Ross E Esq NEW20Asiya Javayant
1043Alejandro M WhobreyGermany2024-09-21Chanay, Jeffrey A Esq RENEWAL8Elwin Sharvill
1044Chavez V FlosiRussia2024-08-30Chapman, Ross E Esq QUALIFIED22Anna Fali
1045Maria T MacleadItaly2024-09-04Truhlar And Truhlar Attys RENEWAL95Elwin Sharvill
1046Juan A FollerSpain2024-09-10King, Christopher A Esq QUALIFIED23Bernardo Dominic
1047Murillo X NestleIndia2024-09-18Commercial Press PROPOSAL43Asiya Javayant
1048Faith R BriddickFrance2024-08-28Feiner Bros UNQUALIFIED99Elwin Sharvill
1049Julie X TollnerAustralia2024-09-07Feiner Bros QUALIFIED93Bernardo Dominic
Frozen Rows
NameCountryRepresentativeStatus
Misaki A WhobreyCanadaBernardo Dominic NEGOTIATION
Ashley P MacleadSpainOnyama Limba QUALIFIED
Aditya H VocelkaBrazilIoni Bowcher RENEWAL
Kadeem P DarakjyFranceOnyama Limba RENEWAL
Tony M WhobreyRussiaXuxue Feng QUALIFIED
Francesco I DarakjySpainXuxue Feng NEW
Maria C MacleadJapanElwin Sharvill QUALIFIED
Munro D BologniaCanadaOnyama Limba NEGOTIATION
Leon X GillianBrazilOnyama Limba PROPOSAL
Francesco W SchemmerGermanyXuxue Feng NEW
Cody D OldroydCanadaOnyama Limba PROPOSAL
Maria Q BriddickBrazilStephen Shaw UNQUALIFIED
Silvio C StensethItalyIvan Magalhaes RENEWAL
Silvio M MaletFranceStephen Shaw PROPOSAL
Chavez B RulapaughCanadaAsiya Javayant QUALIFIED
Julie H SergiSpainIoni Bowcher PROPOSAL
Antonio E GauchoCanadaOnyama Limba RENEWAL
Sinclair L BriddickIndiaOnyama Limba NEW
Antonio F WaycottBrazilXuxue Feng QUALIFIED
Rodrigues U MaletRussiaIvan Magalhaes QUALIFIED
James Y SchemmerArgentinaAnna Fali UNQUALIFIED
David F StensethBrazilOnyama Limba UNQUALIFIED
Julie T PoquetteFranceElwin Sharvill QUALIFIED
Kaitlin B WieserBrazilAsiya Javayant NEGOTIATION
Kadeem K StensethCanadaIvan Magalhaes QUALIFIED
Johnson P IturbideAustraliaAsiya Javayant UNQUALIFIED
Clifford D AlbaresIndiaBernardo Dominic NEW
Wickens B RoysterBrazilIoni Bowcher NEW
James J SergiItalyBernardo Dominic QUALIFIED
Isabel Z OstroskySpainStephen Shaw NEGOTIATION
Jones K OstroskyJapanAnna Fali PROPOSAL
Jefferson F CaldareraJapanAmy Elsner NEW
Deepesh U RoysterGermanyBernardo Dominic QUALIFIED
Ivar C IturbideBrazilOnyama Limba UNQUALIFIED
Mujtaba E CampainUnited KingdomOnyama Limba NEGOTIATION
Costa I OldroydArgentinaElwin Sharvill RENEWAL
Sinclair Y DoeIndiaStephen Shaw PROPOSAL
Francesco K BowleyArgentinaXuxue Feng NEGOTIATION
Ashley M ButtArgentinaStephen Shaw NEW
Maisha B ButtCanadaStephen Shaw UNQUALIFIED
Rodrigues D StockhamGermanyAsiya Javayant NEGOTIATION
Ricardo G BowleyAustraliaElwin Sharvill RENEWAL
Adams U CampainJapanBernardo Dominic NEGOTIATION
Tony D OldroydFranceStephen Shaw PROPOSAL
Aditya A DoeArgentinaXuxue Feng NEW
David D MorascaFranceStephen Shaw QUALIFIED
Faith U SergiJapanIoni Bowcher UNQUALIFIED
Costa N IturbideArgentinaAmy Elsner NEW
Clifford D MaletBrazilXuxue Feng PROPOSAL
Kaitlin Z SlusarskiBrazilIvan Magalhaes NEW
Frozen Columns
Name
Aika E Caldarera
James Z Whobrey
Arvin O Rulapaugh
Ashley F Rulapaugh
Mujtaba F Rulapaugh
Munro Y Rulapaugh
Antonio O Ruta
Salvatore Z Bowley
David V Nicka
Jennifer Z Morasca
Maria K Doe
Johnson U Inouye
Costa I Inouye
Maria P Ruta
Kadeem R Schemmer
Johnson A Inouye
Tony L Sergi
Munro U Glick
Salvatore U Iturbide
Arvin W Kolmetz
Octavia U Saylors
Aditya A Caldarera
Silvio W Slusarski
Costa M Bolognia
Jones C Sergi
Mujtaba V Campain
James A Shinko
Aika B Chui
Leon Z Figeroa
Deepesh Z Chui
Murillo B Tollner
Greenwood C Malet
Rodrigues C Nestle
Ricardo N Perin
Cody U Campain
Ricardo N Kusko
Misaki Q Rim
Smith P Gillian
Leja C Morasca
Mayumi L Stenseth
Aditya Z Inouye
Darci J Perin
Izzy E Kolmetz
Alejandro Q Vocelka
Salvatore E Nicka
Greenwood C Inouye
Maria A Figeroa
Arvin E Inouye
Johnson J Figeroa
Rodrigues G Amigon
IdCountryDate
1000Italy2024-09-19
1001Canada2024-09-18
1002Italy2024-09-11
1003Spain2024-09-01
1004France2024-09-16
1005Italy2024-09-05
1006Japan2024-09-02
1007Russia2024-09-01
1008Canada2024-09-22
1009Germany2024-09-24
1010France2024-09-01
1011Argentina2024-09-07
1012United Kingdom2024-09-13
1013Spain2024-08-28
1014Germany2024-09-18
1015Brazil2024-09-15
1016Canada2024-09-05
1017Brazil2024-09-06
1018Canada2024-09-23
1019Japan2024-09-01
1020Australia2024-09-22
1021India2024-09-03
1022Spain2024-08-31
1023Argentina2024-09-13
1024Argentina2024-09-13
1025France2024-09-07
1026India2024-09-06
1027France2024-09-08
1028France2024-09-01
1029Russia2024-09-03
1030Australia2024-09-11
1031Brazil2024-09-25
1032France2024-09-20
1033Russia2024-09-17
1034Brazil2024-09-14
1035Japan2024-09-14
1036Canada2024-09-05
1037Russia2024-09-14
1038France2024-08-29
1039Russia2024-09-17
1040Australia2024-09-04
1041India2024-09-11
1042Australia2024-09-10
1043Brazil2024-09-13
1044Canada2024-09-05
1045Canada2024-09-05
1046Brazil2024-09-03
1047Japan2024-09-06
1048Spain2024-09-14
1049Spain2024-09-24

On-Demand Data

NameIdCountryDate
Faith E Schemmer1000Argentina2024-09-02
David M Maclead1001Germany2024-09-13
Arvin R Stenseth1002Spain2024-09-15
Isabel X Flosi1003India2024-09-22
Cody F Waycott1004Brazil2024-09-09
Ashley Q Dilliard1005India2024-08-28
Clifford O Inouye1006Russia2024-09-18
Costa M Bolognia1007Canada2024-09-01
Silvio B Kolmetz1008France2024-08-28
Wickens O Marrier1009United Kingdom2024-09-05
Antonio A Ostrosky1010Australia2024-09-05
Rodrigues L Ruta1011Brazil2024-09-08
Rodrigues I Ruta1012Argentina2024-09-13
Faith G Ruta1013France2024-09-05
Maisha I Sergi1014Italy2024-08-28
Kaitlin I Slusarski1015Japan2024-09-18
Jeanfrancois T Maclead1016Brazil2024-09-19
Stacey O Whobrey1017Argentina2024-09-10
Aditya I Iturbide1018Argentina2024-09-03
Isabel A Gaucho1019Russia2024-09-13
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Sinclair F CampainUnited KingdomXuxue Feng RENEWAL
Clifford P SlusarskiIndiaOnyama Limba PROPOSAL
Chavez B OstroskyFranceAnna Fali QUALIFIED
Johnson Q WieserBrazilIoni Bowcher QUALIFIED
Mayumi U InouyeIndiaBernardo Dominic NEGOTIATION
Adams S CampainBrazilAmy Elsner NEGOTIATION
Aditya W FlosiIndiaXuxue Feng PROPOSAL
Mayumi U BriddickUnited KingdomElwin Sharvill QUALIFIED
Maria O ChuiItalyElwin Sharvill NEW
Munro B GillianSpainIvan Magalhaes QUALIFIED
Claire E CaudyJapanBernardo Dominic QUALIFIED
Leon L FlosiBrazilAsiya Javayant NEW
Francesco E OstroskyCanadaOnyama Limba UNQUALIFIED
Jeanfrancois V KuskoItalyXuxue Feng NEW
Clifford L FigeroaAustraliaIvan Magalhaes QUALIFIED
Arvin G RutaArgentinaAnna Fali NEW
Silvio R WhobreyIndiaAmy Elsner NEW
Rodrigues L GauchoJapanStephen Shaw NEW
Adams S WhobreyArgentinaIoni Bowcher RENEWAL
Munro X KolmetzBrazilIoni Bowcher NEW
Leja E WaycottGermanyIvan Magalhaes RENEWAL
Jennifer L MaletIndiaOnyama Limba UNQUALIFIED
Rodrigues G IturbideFranceAnna Fali QUALIFIED
Francesco L FigeroaFranceXuxue Feng RENEWAL
Emily M DilliardSpainAmy Elsner RENEWAL
Aika U PaprockiIndiaIoni Bowcher RENEWAL
Aika G GauchoSpainElwin Sharvill NEGOTIATION
Ivar R InouyeUnited KingdomAmy Elsner NEW
Clifford F NestleGermanyIoni Bowcher PROPOSAL
Jefferson A MarrierSpainAsiya Javayant RENEWAL
Silvio O GillianRussiaXuxue Feng PROPOSAL
Antonio Y AlbaresCanadaElwin Sharvill QUALIFIED
Arvin X WieserBrazilStephen Shaw UNQUALIFIED
Johnson M AmigonJapanElwin Sharvill NEGOTIATION
Misaki E BologniaFranceAnna Fali NEGOTIATION
Morrow H StensethAustraliaElwin Sharvill UNQUALIFIED
Smith B PerinIndiaOnyama Limba NEGOTIATION
Chavez K BologniaSpainOnyama Limba PROPOSAL
Ashley W MaletUnited KingdomXuxue Feng RENEWAL
Juan B BriddickUnited KingdomBernardo Dominic 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>