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
Darci R CaudyBrazilIoni Bowcher QUALIFIED
Darci R PerinUnited KingdomAsiya Javayant NEW
Faith U PaprockiGermanyIvan Magalhaes PROPOSAL
Greenwood I MacleadRussiaAsiya Javayant NEGOTIATION
Adams A GillianJapanAsiya Javayant QUALIFIED
Munro O WaycottJapanXuxue Feng QUALIFIED
Tony P PaprockiRussiaStephen Shaw NEW
Leon N BriddickRussiaStephen Shaw NEW
Leon X IturbideUnited KingdomXuxue Feng NEGOTIATION
Izzy F NickaRussiaOnyama Limba QUALIFIED
Kadeem E RimRussiaOnyama Limba PROPOSAL
Ashley R NestleRussiaOnyama Limba UNQUALIFIED
Adams G FerenczRussiaAmy Elsner UNQUALIFIED
Cody L InouyeArgentinaIoni Bowcher UNQUALIFIED
Wickens L FollerUnited KingdomAmy Elsner QUALIFIED
Salvatore O FollerUnited KingdomAnna Fali RENEWAL
Stacey W GauchoBrazilStephen Shaw QUALIFIED
Antonio C InouyeCanadaStephen Shaw RENEWAL
Silvio I CaldareraRussiaOnyama Limba NEGOTIATION
Julie I StockhamArgentinaBernardo Dominic NEW
Murillo U ShinkoGermanyBernardo Dominic QUALIFIED
David F GillianItalyElwin Sharvill NEW
Johnson Z GauchoGermanyElwin Sharvill RENEWAL
Alejandro R GarufiItalyAnna Fali NEGOTIATION
Chavez J ChuiUnited KingdomElwin Sharvill NEW
Francesco S SchemmerSpainAsiya Javayant RENEWAL
Murillo E BologniaSpainAmy Elsner RENEWAL
Jennifer A MacleadJapanIvan Magalhaes UNQUALIFIED
Arvin H WhobreyAustraliaStephen Shaw NEW
Sinclair A KolmetzBrazilXuxue Feng RENEWAL
Mayumi T RutaFranceAnna Fali UNQUALIFIED
Kaitlin A AmigonItalyAmy Elsner UNQUALIFIED
Aika N WaycottGermanyOnyama Limba RENEWAL
Nicolas G CaldareraBrazilAsiya Javayant RENEWAL
Ivar L FlosiCanadaAmy Elsner UNQUALIFIED
Sinclair D SchemmerRussiaXuxue Feng UNQUALIFIED
Maisha K SlusarskiUnited KingdomOnyama Limba NEGOTIATION
Jeanfrancois L RutaGermanyStephen Shaw UNQUALIFIED
Kadeem S StensethIndiaOnyama Limba NEGOTIATION
Maria B RoysterBrazilStephen Shaw NEGOTIATION
Tony N ChuiRussiaOnyama Limba NEGOTIATION
Jones F FigeroaArgentinaStephen Shaw UNQUALIFIED
Octavia V DilliardFranceIvan Magalhaes PROPOSAL
Arvin O FigeroaAustraliaAnna Fali QUALIFIED
Isabel B CaldareraBrazilBernardo Dominic NEGOTIATION
Jeanfrancois P SergiIndiaStephen Shaw NEGOTIATION
Clifford Q CaldareraItalyAmy Elsner NEW
Faith E DilliardFranceIvan Magalhaes QUALIFIED
Antonio U NickaRussiaOnyama Limba RENEWAL
Nicolas Q RulapaughUnited KingdomOnyama Limba NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
David Y OstroskyGermanyStephen Shaw QUALIFIED
Maisha N RutaFranceOnyama Limba PROPOSAL
Silvio Y GillianIndiaAsiya Javayant RENEWAL
Leja M ButtCanadaIoni Bowcher NEW
Juan L WieserFranceElwin Sharvill NEW
Jefferson E MarrierCanadaStephen Shaw NEW
Misaki G DarakjySpainOnyama Limba QUALIFIED
Darci I BologniaGermanyAnna Fali NEW
Jennifer V FlosiArgentinaAsiya Javayant RENEWAL
Mujtaba T ChuiSpainIoni Bowcher RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Emily G MacleadArgentina2024-11-05Chanay, Jeffrey A Esq NEGOTIATION14Anna Fali
1001Kadeem M RoysterGermany2024-10-24Rousseaux, Michael Esq NEGOTIATION56Onyama Limba
1002Isabel A GlickRussia2024-10-24Morlong Associates QUALIFIED8Ivan Magalhaes
1003Francesco L VenereSpain2024-10-22Chemel, James L Cpa PROPOSAL34Asiya Javayant
1004Izzy E OstroskyRussia2024-10-27Chapman, Ross E Esq RENEWAL87Ioni Bowcher
1005Maria C GlickSpain2024-10-21Dorl, James J Esq NEW92Anna Fali
1006Salvatore V RimUnited Kingdom2024-10-29Feltz Printing Service QUALIFIED93Ivan Magalhaes
1007Munro Y RoysterArgentina2024-10-28Feltz Printing Service NEGOTIATION35Stephen Shaw
1008Antonio X DilliardJapan2024-11-02Buckley Miller Wright NEGOTIATION13Onyama Limba
1009Deepesh S PerinSpain2024-11-06Benton, John B Jr NEW16Xuxue Feng
1010Ricardo Q StockhamRussia2024-10-30Rousseaux, Michael Esq NEW40Stephen Shaw
1011Stacey E DarakjySpain2024-11-19Feiner Bros QUALIFIED48Amy Elsner
1012Isabel P RimUnited Kingdom2024-11-08King, Christopher A Esq RENEWAL86Stephen Shaw
1013Jennifer I PoquetteJapan2024-11-09Rangoni Of Florence NEW45Bernardo Dominic
1014Salvatore Y GauchoGermany2024-10-26Printing Dimensions QUALIFIED46Ivan Magalhaes
1015Leon T VenereFrance2024-11-10Chapman, Ross E Esq NEGOTIATION4Xuxue Feng
1016Silvio Y CaudyCanada2024-11-12Printing Dimensions QUALIFIED90Bernardo Dominic
1017Wickens R IturbideGermany2024-10-27Dorl, James J Esq RENEWAL17Xuxue Feng
1018Wickens R DoeGermany2024-11-18Rangoni Of Florence NEGOTIATION81Ioni Bowcher
1019James T PerinUnited Kingdom2024-11-16Chapman, Ross E Esq NEW10Anna Fali
1020Tony K StensethGermany2024-10-25Feiner Bros QUALIFIED96Asiya Javayant
1021Maisha X KolmetzSpain2024-11-02King, Christopher A Esq PROPOSAL50Ioni Bowcher
1022Wickens M WhobreySpain2024-11-12Chemel, James L Cpa RENEWAL26Stephen Shaw
1023Nicolas M BowleyGermany2024-11-10Buckley Miller Wright NEGOTIATION79Onyama Limba
1024Aika B RoysterFrance2024-11-06Dorl, James J Esq NEGOTIATION36Amy Elsner
1025Munro J CaldareraFrance2024-11-16Commercial Press NEGOTIATION40Xuxue Feng
1026Adams K MarrierAustralia2024-10-26Rousseaux, Michael Esq QUALIFIED11Amy Elsner
1027Jefferson E StensethArgentina2024-11-13Chanay, Jeffrey A Esq QUALIFIED36Amy Elsner
1028Isabel F BowleySpain2024-11-18Morlong Associates RENEWAL35Amy Elsner
1029Tony G NickaBrazil2024-11-16Chemel, James L Cpa QUALIFIED19Amy Elsner
1030Claire F IturbideFrance2024-10-23Rousseaux, Michael Esq PROPOSAL94Amy Elsner
1031Maria R AmigonBrazil2024-11-10Chanay, Jeffrey A Esq QUALIFIED37Asiya Javayant
1032Isabel H NestleArgentina2024-10-26Rangoni Of Florence NEW12Ivan Magalhaes
1033Emily X CaldareraUnited Kingdom2024-10-21Rangoni Of Florence QUALIFIED54Ivan Magalhaes
1034Francesco X FlosiUnited Kingdom2024-11-12Chapman, Ross E Esq PROPOSAL38Elwin Sharvill
1035Deepesh L SergiArgentina2024-10-29Dorl, James J Esq UNQUALIFIED22Stephen Shaw
1036Leja E ButtIndia2024-11-11Dorl, James J Esq UNQUALIFIED37Bernardo Dominic
1037Emily N DoeFrance2024-11-05Benton, John B Jr NEW38Xuxue Feng
1038Arvin W DoeGermany2024-10-28Chapman, Ross E Esq NEW15Onyama Limba
1039Faith Z PoquetteFrance2024-11-19Printing Dimensions UNQUALIFIED3Bernardo Dominic
1040Jones V CaudySpain2024-10-23Feltz Printing Service NEGOTIATION88Stephen Shaw
1041Jones I KolmetzSpain2024-10-29Commercial Press QUALIFIED22Ioni Bowcher
1042Aruna T RimSpain2024-10-21King, Christopher A Esq UNQUALIFIED71Xuxue Feng
1043Octavia V SaylorsJapan2024-10-31Rangoni Of Florence PROPOSAL3Amy Elsner
1044Isabel I WaycottItaly2024-10-27Commercial Press PROPOSAL83Xuxue Feng
1045Maisha P GarufiArgentina2024-10-31Chanay, Jeffrey A Esq PROPOSAL87Amy Elsner
1046Julie Y RoysterArgentina2024-11-09Chapman, Ross E Esq UNQUALIFIED61Ivan Magalhaes
1047Mujtaba Y MaletJapan2024-11-13Feltz Printing Service NEGOTIATION88Bernardo Dominic
1048Jennifer S GillianCanada2024-10-26Truhlar And Truhlar Attys PROPOSAL78Onyama Limba
1049Maisha E AlbaresFrance2024-11-11Benton, John B Jr NEGOTIATION34Elwin Sharvill
Frozen Rows
NameCountryRepresentativeStatus
Octavia M SchemmerSpainAnna Fali NEW
James L SlusarskiFranceAmy Elsner NEGOTIATION
Morrow H DarakjyBrazilAnna Fali UNQUALIFIED
Clifford G FigeroaUnited KingdomXuxue Feng QUALIFIED
Ivar T VenereUnited KingdomXuxue Feng NEW
Juan T FlosiCanadaStephen Shaw NEGOTIATION
Deepesh L SaylorsGermanyBernardo Dominic RENEWAL
David L IturbideIndiaElwin Sharvill PROPOSAL
Munro D MorascaGermanyAmy Elsner UNQUALIFIED
Juan W GauchoUnited KingdomIoni Bowcher PROPOSAL
Tony B GarufiArgentinaBernardo Dominic QUALIFIED
Johnson S RutaIndiaElwin Sharvill RENEWAL
Alejandro A AmigonCanadaAnna Fali QUALIFIED
Aruna T GillianFranceAmy Elsner NEGOTIATION
Adams B ButtFranceBernardo Dominic NEGOTIATION
Francesco I BologniaRussiaXuxue Feng QUALIFIED
Julie K SlusarskiGermanyAmy Elsner QUALIFIED
Aruna D MorascaItalyAsiya Javayant NEW
Darci K CaudyFranceBernardo Dominic RENEWAL
Sinclair Z GauchoUnited KingdomAnna Fali NEW
Rodrigues U VocelkaRussiaBernardo Dominic NEGOTIATION
Arvin V FollerCanadaIvan Magalhaes NEGOTIATION
Octavia A FlosiBrazilAmy Elsner PROPOSAL
Smith L OstroskyFranceXuxue Feng RENEWAL
Octavia Q MarrierGermanyAnna Fali UNQUALIFIED
Rodrigues C NickaRussiaAnna Fali UNQUALIFIED
Ivar D MacleadJapanAnna Fali QUALIFIED
Juan D ChuiRussiaAsiya Javayant QUALIFIED
Alejandro E BowleyIndiaXuxue Feng RENEWAL
Isabel J WaycottJapanAmy Elsner NEW
Deepesh W PoquetteFranceIoni Bowcher UNQUALIFIED
Emily G RimAustraliaAsiya Javayant NEW
Jeanfrancois D AlbaresAustraliaBernardo Dominic UNQUALIFIED
Faith Y RimJapanStephen Shaw NEW
Greenwood C PoquetteItalyOnyama Limba UNQUALIFIED
Jeanfrancois S MacleadItalyAsiya Javayant NEW
Stacey Z ChuiSpainAmy Elsner PROPOSAL
Ricardo M BriddickBrazilAsiya Javayant NEGOTIATION
Kadeem Q BriddickJapanAsiya Javayant PROPOSAL
Deepesh G MacleadJapanOnyama Limba NEGOTIATION
Ricardo L OldroydItalyBernardo Dominic QUALIFIED
Darci B PoquetteCanadaXuxue Feng RENEWAL
Silvio H RimAustraliaStephen Shaw QUALIFIED
Wickens F AmigonFranceStephen Shaw QUALIFIED
Clifford Z BowleyGermanyAnna Fali QUALIFIED
Antonio F RulapaughBrazilBernardo Dominic NEW
Smith W MacleadItalyOnyama Limba PROPOSAL
Munro O WaycottFranceIoni Bowcher PROPOSAL
Julie K CaudyItalyIvan Magalhaes PROPOSAL
Leja P NestleAustraliaAnna Fali PROPOSAL
Frozen Columns
Name
Sinclair Y Glick
Rodrigues V Vocelka
David E Wieser
Jennifer O Gillian
Aika T Kusko
Isabel U Ruta
Smith A Caudy
Jones V Shinko
Morrow A Foller
Wickens P Darakjy
Nicolas S Oldroyd
Faith C Iturbide
Clifford R Wieser
Arvin W Slusarski
Juan G Rim
Claire O Doe
Leon L Chui
Deepesh B Malet
Murillo R Darakjy
Ashley I Oldroyd
Emily W Vocelka
Aditya W Butt
Smith F Flosi
Aika J Garufi
Sinclair R Vocelka
Clifford D Figeroa
Mujtaba P Tollner
Arvin C Paprocki
Antonio E Kusko
Jefferson F Bolognia
Jeanfrancois T Caudy
Mujtaba Z Rulapaugh
Arvin B Kusko
Julie M Flosi
Misaki G Saylors
Aruna T Gaucho
Ricardo E Oldroyd
Francesco J Glick
Munro A Maclead
Julie B Sergi
Aditya Y Maclead
Mayumi U Nicka
Julie V Morasca
Claire Q Dilliard
Aika C Royster
Mayumi B Poquette
Kadeem U Gaucho
Juan G Marrier
Ivar C Caldarera
Darci E Malet
IdCountryDate
1000Australia2024-11-16
1001France2024-11-03
1002Russia2024-11-14
1003Canada2024-10-23
1004Brazil2024-11-17
1005Japan2024-10-23
1006Spain2024-11-03
1007France2024-10-22
1008France2024-11-02
1009Italy2024-11-14
1010France2024-11-15
1011United Kingdom2024-10-24
1012Russia2024-10-21
1013Brazil2024-10-23
1014France2024-11-19
1015Germany2024-10-21
1016Argentina2024-11-15
1017Russia2024-10-29
1018Germany2024-10-22
1019Argentina2024-10-27
1020Brazil2024-11-01
1021Australia2024-11-18
1022Brazil2024-11-10
1023Brazil2024-11-04
1024Australia2024-11-12
1025Italy2024-11-02
1026Germany2024-10-22
1027Spain2024-11-15
1028Japan2024-10-26
1029India2024-11-11
1030Canada2024-11-19
1031India2024-11-04
1032Italy2024-11-10
1033Russia2024-10-27
1034Japan2024-10-21
1035Italy2024-11-15
1036Japan2024-11-01
1037Japan2024-11-01
1038Germany2024-11-12
1039Australia2024-10-26
1040Japan2024-11-07
1041Spain2024-11-19
1042Brazil2024-11-08
1043Australia2024-10-21
1044United Kingdom2024-10-21
1045Russia2024-11-13
1046Canada2024-10-23
1047Russia2024-11-02
1048Brazil2024-10-23
1049Germany2024-10-28

On-Demand Data

NameIdCountryDate
Antonio D Tollner1000Germany2024-10-21
Cody S Nicka1001Canada2024-11-15
Arvin R Iturbide1002Australia2024-10-31
Rodrigues W Whobrey1003Canada2024-11-15
Antonio F Doe1004United Kingdom2024-11-11
Chavez Q Marrier1005Argentina2024-11-01
Leon R Kusko1006Italy2024-11-04
Ricardo V Ferencz1007Brazil2024-11-16
Mayumi M Dilliard1008Australia2024-10-30
Tony I Doe1009Canada2024-11-15
Johnson P Nicka1010United Kingdom2024-11-08
Murillo S Oldroyd1011Australia2024-11-11
David D Royster1012Japan2024-10-29
Clifford V Gaucho1013India2024-11-11
Leon U Malet1014Argentina2024-11-12
Tony K Schemmer1015Japan2024-11-17
Jefferson F Ferencz1016Japan2024-11-03
Francesco F Oldroyd1017Australia2024-11-10
Sinclair W Sergi1018Italy2024-10-31
Alejandro J Iturbide1019Russia2024-11-11
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Juan M CaudyJapanAsiya Javayant RENEWAL
Tony S StensethBrazilElwin Sharvill UNQUALIFIED
Octavia R RulapaughAustraliaOnyama Limba RENEWAL
Alejandro M StensethArgentinaOnyama Limba QUALIFIED
Murillo E RimArgentinaAmy Elsner PROPOSAL
Aruna K StensethArgentinaElwin Sharvill RENEWAL
Jefferson G RoysterAustraliaBernardo Dominic RENEWAL
Aruna Q PaprockiGermanyBernardo Dominic PROPOSAL
Jefferson M MacleadJapanStephen Shaw UNQUALIFIED
Isabel R CampainCanadaElwin Sharvill QUALIFIED
Adams F KolmetzUnited KingdomIvan Magalhaes NEW
Silvio M FlosiSpainBernardo Dominic UNQUALIFIED
Jeanfrancois Z OstroskyItalyAnna Fali NEW
Deepesh Q KolmetzItalyStephen Shaw QUALIFIED
Nicolas X RimGermanyOnyama Limba PROPOSAL
Antonio H FigeroaRussiaBernardo Dominic RENEWAL
Leja L MaletUnited KingdomIoni Bowcher UNQUALIFIED
Alejandro P FigeroaItalyIoni Bowcher QUALIFIED
Leon K CampainGermanyOnyama Limba PROPOSAL
Nicolas U MaletGermanyAsiya Javayant NEW
Aditya O GillianItalyXuxue Feng RENEWAL
Francesco M RimUnited KingdomAnna Fali PROPOSAL
Aika M MaletBrazilStephen Shaw PROPOSAL
Claire R SchemmerItalyIvan Magalhaes RENEWAL
Salvatore J NickaUnited KingdomAmy Elsner QUALIFIED
Claire T MaletCanadaBernardo Dominic NEW
Adams O GlickCanadaAsiya Javayant PROPOSAL
Nicolas M FlosiFranceIoni Bowcher RENEWAL
Juan X InouyeItalyAmy Elsner NEGOTIATION
Isabel S BologniaFranceAnna Fali NEW
Silvio O NickaJapanIvan Magalhaes QUALIFIED
Chavez N IturbideArgentinaBernardo Dominic RENEWAL
Claire M DilliardItalyXuxue Feng NEW
Alejandro U MacleadUnited KingdomAnna Fali RENEWAL
Juan V TollnerIndiaAnna Fali PROPOSAL
Aika S DoeBrazilIoni Bowcher NEGOTIATION
Julie Y InouyeArgentinaIoni Bowcher NEGOTIATION
Adams K OldroydUnited KingdomStephen Shaw QUALIFIED
Antonio L BologniaRussiaXuxue Feng NEGOTIATION
Izzy R MaletAustraliaOnyama Limba PROPOSAL

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