Summer Sale is here 🏖️ Get 50% off with code PRSM25 Learn More

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
Bangla
Bosnian
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
Uzbek
Vietnamese
Chinese
Chinese

Input Style

Themes

PrimeOne
Saga Blue Saga Blue
Vela Blue Vela Blue
Arya Blue Arya Blue
Bootstrap
Bootstrap Blue Light Bootstrap Blue Light
Bootstrap Purple Light Bootstrap Purple Light
Bootstrap Blue Dark Bootstrap Blue Dark
Bootstrap Purple Dark Bootstrap Purple Dark
Material Design
Material Indigo Light Material Indigo Light
Material Deep Purple Light Material Deep Purple Light
Material Indigo Dark Material Indigo Dark
Material Deep Purple Dark Material Deep Purple Dark
Material Design Compact
Material Compact Indigo Light Material Compact Indigo Light
Material Compact Deep Purple Light Material Compact Deep Purple Light
Material Compact Indigo Dark Material Compact Indigo Dark
Material Compact Deep Purple Dark Material Compact Deep Purple Dark
Legacy
Nova Light Nova Light
Nova Dark Nova Dark
Nova Colored Nova Colored
Luna Amber Luna Amber
Luna Blue Luna Blue
Luna Green Luna Green
Luna Pink Luna Pink

DataTable Scroll

Both vertical and horizontal scrolling of the data is supported with optional frozen rows-columns and on-demand loading features.

Vertical
NameCountryRepresentativeStatus
Ricardo M StensethRussiaBernardo Dominic UNQUALIFIED
Aditya X GauchoCanadaIvan Magalhaes NEW
Maisha Q BologniaBrazilIoni Bowcher QUALIFIED
Jefferson Z RoysterCanadaAsiya Javayant NEGOTIATION
Antonio E VocelkaIndiaAmy Elsner QUALIFIED
Ivar V WieserUnited KingdomStephen Shaw UNQUALIFIED
Julie B WieserAustraliaIvan Magalhaes UNQUALIFIED
Misaki V WaycottJapanIoni Bowcher NEGOTIATION
Aika W FlosiJapanStephen Shaw RENEWAL
Stacey F KolmetzGermanyAnna Fali UNQUALIFIED
Sinclair Z RulapaughJapanAmy Elsner NEW
Mujtaba H FollerCanadaOnyama Limba UNQUALIFIED
Chavez D VocelkaItalyIvan Magalhaes NEGOTIATION
Darci P MarrierFranceIoni Bowcher PROPOSAL
Kaitlin A PerinUnited KingdomIoni Bowcher RENEWAL
Jones O NickaItalyIvan Magalhaes QUALIFIED
Cody Q PoquetteUnited KingdomXuxue Feng PROPOSAL
Rodrigues A FigeroaRussiaBernardo Dominic QUALIFIED
Cody H ButtJapanAsiya Javayant PROPOSAL
Kaitlin R IturbideIndiaBernardo Dominic RENEWAL
Greenwood Z RoysterBrazilBernardo Dominic PROPOSAL
Johnson M PerinRussiaAnna Fali NEGOTIATION
Nicolas K CaldareraIndiaAmy Elsner NEW
Izzy G KuskoCanadaXuxue Feng NEW
Deepesh S WhobreyItalyStephen Shaw UNQUALIFIED
Francesco T BologniaBrazilIvan Magalhaes NEW
Ashley T StockhamIndiaElwin Sharvill NEGOTIATION
Kadeem I InouyeAustraliaXuxue Feng RENEWAL
Jefferson O OldroydItalyIoni Bowcher NEGOTIATION
Salvatore J GauchoAustraliaElwin Sharvill PROPOSAL
Johnson D ShinkoIndiaAnna Fali NEGOTIATION
Kaitlin K GlickBrazilXuxue Feng RENEWAL
Stacey N AlbaresBrazilAsiya Javayant QUALIFIED
Mujtaba J CampainJapanIoni Bowcher PROPOSAL
Mujtaba N AmigonRussiaXuxue Feng NEGOTIATION
Francesco R PoquetteIndiaIvan Magalhaes QUALIFIED
Greenwood V GarufiGermanyBernardo Dominic UNQUALIFIED
Ivar J IturbideAustraliaAsiya Javayant QUALIFIED
Kaitlin O WaycottUnited KingdomOnyama Limba NEW
Greenwood M NickaIndiaAsiya Javayant NEW
Mayumi F FollerIndiaIvan Magalhaes NEGOTIATION
David V IturbideIndiaIvan Magalhaes NEW
Sinclair P GarufiJapanIoni Bowcher QUALIFIED
Francesco C ButtJapanStephen Shaw NEGOTIATION
Silvio S FollerGermanyIoni Bowcher UNQUALIFIED
Jennifer T VenereSpainIoni Bowcher UNQUALIFIED
Antonio G MaletIndiaBernardo Dominic QUALIFIED
Silvio K NestleBrazilElwin Sharvill NEW
Adams S StockhamBrazilElwin Sharvill QUALIFIED
Silvio E OldroydIndiaStephen Shaw NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Greenwood G BologniaItalyIvan Magalhaes QUALIFIED
Tony F FigeroaFranceIoni Bowcher NEGOTIATION
Maisha R FerenczSpainIvan Magalhaes QUALIFIED
Nicolas E ChuiAustraliaAnna Fali NEGOTIATION
Emily B FlosiUnited KingdomStephen Shaw UNQUALIFIED
Chavez H SergiAustraliaAmy Elsner QUALIFIED
Adams X FlosiIndiaXuxue Feng NEW
Julie T NickaArgentinaAmy Elsner UNQUALIFIED
Munro O SergiUnited KingdomIoni Bowcher RENEWAL
Juan C WaycottItalyAsiya Javayant NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Kaitlin V StockhamJapan2025-08-19Morlong Associates PROPOSAL50Amy Elsner
1001Greenwood H GlickBrazil2025-08-12Truhlar And Truhlar Attys RENEWAL19Amy Elsner
1002Isabel X MarrierSpain2025-08-20King, Christopher A Esq NEGOTIATION8Ivan Magalhaes
1003Aditya P PaprockiFrance2025-08-05Truhlar And Truhlar Attys PROPOSAL99Amy Elsner
1004Mujtaba R MorascaRussia2025-08-03Benton, John B Jr QUALIFIED80Bernardo Dominic
1005Deepesh Z SergiFrance2025-08-03Feltz Printing Service PROPOSAL22Onyama Limba
1006Alejandro C SchemmerFrance2025-08-12Truhlar And Truhlar Attys NEW9Anna Fali
1007Leon J MarrierUnited Kingdom2025-08-07Chapman, Ross E Esq PROPOSAL19Amy Elsner
1008Julie Y AmigonCanada2025-08-23Feltz Printing Service NEW36Amy Elsner
1009Leja I KolmetzFrance2025-08-07Truhlar And Truhlar Attys QUALIFIED9Elwin Sharvill
1010Mujtaba M InouyeGermany2025-08-11Morlong Associates NEW18Amy Elsner
1011Leja O MaletArgentina2025-08-05Dorl, James J Esq NEGOTIATION43Ivan Magalhaes
1012Ricardo T RoysterFrance2025-08-17Chapman, Ross E Esq PROPOSAL82Onyama Limba
1013Aditya K RutaUnited Kingdom2025-08-27Feltz Printing Service QUALIFIED14Bernardo Dominic
1014Cody G BriddickRussia2025-08-03Chemel, James L Cpa UNQUALIFIED66Xuxue Feng
1015Silvio D StensethAustralia2025-08-17Buckley Miller Wright QUALIFIED1Anna Fali
1016Izzy H MorascaBrazil2025-08-02Dorl, James J Esq NEGOTIATION90Ivan Magalhaes
1017Tony C SchemmerAustralia2025-08-15Buckley Miller Wright NEW82Asiya Javayant
1018Darci W StockhamUnited Kingdom2025-08-03Feiner Bros PROPOSAL92Amy Elsner
1019David H GillianArgentina2025-08-05Rangoni Of Florence NEGOTIATION20Anna Fali
1020Juan I BowleySpain2025-08-02Commercial Press QUALIFIED28Amy Elsner
1021Clifford W AmigonFrance2025-08-26Feiner Bros RENEWAL79Onyama Limba
1022Aruna I InouyeRussia2025-08-25Commercial Press QUALIFIED44Asiya Javayant
1023Francesco F BologniaBrazil2025-08-11Commercial Press NEW66Elwin Sharvill
1024Francesco J RulapaughArgentina2025-08-27Morlong Associates RENEWAL17Stephen Shaw
1025Rodrigues W KolmetzArgentina2025-08-23Morlong Associates PROPOSAL22Ivan Magalhaes
1026Kadeem I MarrierJapan2025-08-23Benton, John B Jr PROPOSAL56Ivan Magalhaes
1027Smith Z CaldareraAustralia2025-08-12Feiner Bros RENEWAL65Anna Fali
1028Munro Q TollnerItaly2025-08-01King, Christopher A Esq QUALIFIED18Elwin Sharvill
1029James B FerenczAustralia2025-08-28Truhlar And Truhlar Attys NEW39Ivan Magalhaes
1030Faith U FlosiBrazil2025-07-31Chapman, Ross E Esq PROPOSAL58Stephen Shaw
1031Adams G ShinkoCanada2025-08-14Printing Dimensions RENEWAL4Ioni Bowcher
1032Darci C RoysterArgentina2025-08-07Commercial Press QUALIFIED45Ivan Magalhaes
1033Octavia P GauchoBrazil2025-08-19Rangoni Of Florence PROPOSAL42Onyama Limba
1034Salvatore F GillianGermany2025-08-07Feiner Bros PROPOSAL15Xuxue Feng
1035Isabel L FerenczItaly2025-08-06Feltz Printing Service NEW12Anna Fali
1036Salvatore V BriddickArgentina2025-08-10Morlong Associates NEGOTIATION79Xuxue Feng
1037Greenwood K MaletCanada2025-08-16Morlong Associates NEGOTIATION45Bernardo Dominic
1038Deepesh T BowleyItaly2025-08-07King, Christopher A Esq RENEWAL20Ivan Magalhaes
1039Mayumi X SlusarskiItaly2025-07-31Commercial Press NEW19Onyama Limba
1040Kadeem G GillianRussia2025-08-05Feltz Printing Service NEW25Anna Fali
1041Jeanfrancois J CampainSpain2025-07-31Printing Dimensions QUALIFIED31Ioni Bowcher
1042Ricardo C MarrierFrance2025-08-05Buckley Miller Wright NEW53Ioni Bowcher
1043Francesco R MorascaAustralia2025-08-02Dorl, James J Esq NEGOTIATION31Ioni Bowcher
1044David J DoeFrance2025-07-31King, Christopher A Esq NEW34Stephen Shaw
1045Ashley J FerenczFrance2025-08-12King, Christopher A Esq NEGOTIATION62Asiya Javayant
1046Julie Z FlosiRussia2025-08-05King, Christopher A Esq RENEWAL59Onyama Limba
1047Silvio H BowleyIndia2025-08-01Feltz Printing Service NEGOTIATION74Amy Elsner
1048Alejandro Q WhobreyIndia2025-07-31Rousseaux, Michael Esq UNQUALIFIED65Bernardo Dominic
1049Silvio A FigeroaRussia2025-08-26Dorl, James J Esq PROPOSAL26Bernardo Dominic
Frozen Rows
NameCountryRepresentativeStatus
Leja A CampainUnited KingdomBernardo Dominic RENEWAL
Jefferson E RutaJapanOnyama Limba NEGOTIATION
Cody L AlbaresFranceBernardo Dominic NEGOTIATION
Leon K RimCanadaStephen Shaw RENEWAL
David O AmigonUnited KingdomOnyama Limba PROPOSAL
Isabel J MaletArgentinaAmy Elsner UNQUALIFIED
Nicolas U DilliardAustraliaAnna Fali NEGOTIATION
Aika M StensethArgentinaIvan Magalhaes UNQUALIFIED
Izzy R GarufiGermanyXuxue Feng NEGOTIATION
Arvin H PoquetteRussiaIoni Bowcher NEW
Morrow I StockhamBrazilIvan Magalhaes UNQUALIFIED
Cody Y MarrierJapanIoni Bowcher RENEWAL
Francesco B DilliardFranceStephen Shaw QUALIFIED
James H ShinkoArgentinaXuxue Feng PROPOSAL
Maisha X VocelkaItalyAnna Fali UNQUALIFIED
Darci O SaylorsRussiaIvan Magalhaes RENEWAL
Mayumi T DilliardGermanyStephen Shaw RENEWAL
Izzy A FollerFranceElwin Sharvill NEW
Emily Y AlbaresBrazilBernardo Dominic RENEWAL
Aruna A SchemmerCanadaBernardo Dominic QUALIFIED
Greenwood G MaletItalyStephen Shaw QUALIFIED
Chavez Z CaldareraBrazilOnyama Limba UNQUALIFIED
Leon I OldroydCanadaBernardo Dominic RENEWAL
Faith A CaudyRussiaIvan Magalhaes NEW
Antonio L GauchoRussiaAnna Fali UNQUALIFIED
Ivar L OldroydFranceAmy Elsner RENEWAL
Julie F OstroskyJapanAnna Fali NEW
Ricardo S CampainGermanyBernardo Dominic PROPOSAL
Morrow Q KolmetzIndiaIoni Bowcher UNQUALIFIED
Tony X KuskoArgentinaOnyama Limba UNQUALIFIED
Jefferson L WaycottFranceBernardo Dominic UNQUALIFIED
Juan Z KuskoArgentinaAnna Fali RENEWAL
Kadeem K KuskoSpainAnna Fali NEGOTIATION
Claire Q FerenczItalyElwin Sharvill QUALIFIED
Greenwood D VenereJapanBernardo Dominic PROPOSAL
Tony A GlickGermanyBernardo Dominic NEGOTIATION
Rodrigues P FerenczGermanyXuxue Feng NEW
Silvio A TollnerIndiaAnna Fali RENEWAL
Murillo X RutaGermanyOnyama Limba NEGOTIATION
Faith W FerenczGermanyAmy Elsner QUALIFIED
Alejandro J GauchoGermanyXuxue Feng PROPOSAL
Murillo H WieserBrazilAmy Elsner PROPOSAL
Murillo F RimItalyIoni Bowcher UNQUALIFIED
Maisha I KolmetzIndiaElwin Sharvill NEGOTIATION
Ashley V CampainArgentinaAnna Fali QUALIFIED
Stacey H FigeroaItalyAnna Fali RENEWAL
Leon G RimIndiaOnyama Limba PROPOSAL
Kaitlin A MacleadIndiaAnna Fali NEGOTIATION
Maisha J DoeGermanyBernardo Dominic NEGOTIATION
Deepesh L BriddickFranceAsiya Javayant PROPOSAL
Frozen Columns
Name
Maria C Doe
Chavez F Whobrey
Leja R Malet
Nicolas J Wieser
Arvin Q Kolmetz
Kaitlin A Briddick
Julie G Darakjy
Ashley W Gaucho
Leon P Nicka
Misaki Z Albares
Francesco G Rulapaugh
Cody K Sergi
Misaki O Bolognia
Maisha C Bowley
Jeanfrancois Y Malet
Adams C Morasca
Chavez A Dilliard
Stacey S Chui
Arvin E Inouye
Antonio P Rulapaugh
Wickens A Gaucho
Costa O Ferencz
Silvio N Perin
Aditya X Kusko
Mujtaba Z Bolognia
Leon B Flosi
Murillo T Schemmer
Jones V Glick
Leon B Caudy
Wickens P Schemmer
Ricardo B Malet
Mujtaba C Iturbide
Jeanfrancois Z Waycott
Smith V Iturbide
Maisha S Rulapaugh
Darci F Shinko
Izzy N Foller
Octavia Z Maclead
Costa U Flosi
Nicolas H Marrier
Leon Y Bowley
Aditya A Malet
Aditya O Rim
Morrow H Perin
Jefferson D Tollner
Aruna D Kolmetz
Jeanfrancois F Stenseth
Smith B Gaucho
Costa D Paprocki
Jefferson Y Kolmetz
IdCountryDate
1000Japan2025-08-08
1001Australia2025-08-17
1002Italy2025-08-17
1003Argentina2025-08-11
1004Japan2025-08-07
1005Russia2025-08-19
1006Brazil2025-08-25
1007France2025-08-25
1008Japan2025-08-21
1009Brazil2025-08-06
1010Italy2025-08-20
1011Italy2025-08-04
1012Italy2025-08-07
1013United Kingdom2025-08-21
1014Spain2025-08-20
1015United Kingdom2025-08-07
1016India2025-08-06
1017India2025-08-17
1018Italy2025-08-13
1019Japan2025-08-02
1020Brazil2025-08-10
1021Canada2025-08-24
1022Japan2025-08-24
1023United Kingdom2025-08-28
1024United Kingdom2025-08-09
1025Germany2025-08-05
1026France2025-08-04
1027United Kingdom2025-08-02
1028Spain2025-08-23
1029Italy2025-08-09
1030India2025-07-31
1031Italy2025-08-06
1032Australia2025-08-13
1033Italy2025-08-05
1034Spain2025-08-06
1035France2025-08-28
1036Australia2025-08-27
1037Australia2025-08-10
1038Canada2025-08-06
1039United Kingdom2025-08-15
1040Brazil2025-08-06
1041Germany2025-08-16
1042United Kingdom2025-08-26
1043Italy2025-08-27
1044Australia2025-08-08
1045Brazil2025-08-27
1046France2025-08-13
1047Italy2025-08-19
1048Argentina2025-08-21
1049Japan2025-08-14

On-Demand Data

NameIdCountryDate
Aditya M Royster1000Italy2025-08-17
Smith F Perin1001Russia2025-08-17
Kadeem H Briddick1002India2025-07-30
Izzy L Ostrosky1003United Kingdom2025-08-26
Claire V Slusarski1004Germany2025-08-10
Leon S Albares1005United Kingdom2025-08-17
Salvatore N Marrier1006Spain2025-08-28
Faith H Amigon1007Japan2025-08-09
Salvatore P Vocelka1008France2025-08-28
Maisha J Foller1009France2025-08-26
Antonio J Figeroa1010United Kingdom2025-08-22
Ivar T Doe1011France2025-07-30
Stacey P Kusko1012United Kingdom2025-08-20
Arvin X Kusko1013Argentina2025-08-06
Octavia P Campain1014Spain2025-08-02
Adams A Whobrey1015Spain2025-08-22
Jefferson H Foller1016Canada2025-08-23
David K Stenseth1017Brazil2025-08-06
Greenwood U Marrier1018Russia2025-08-06
Deepesh K Schemmer1019Argentina2025-07-30
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Aika K FigeroaRussiaElwin Sharvill PROPOSAL
Jones I MaletAustraliaStephen Shaw NEW
Mujtaba H GillianAustraliaStephen Shaw RENEWAL
Johnson N AlbaresJapanIvan Magalhaes NEGOTIATION
Ashley T GillianArgentinaOnyama Limba UNQUALIFIED
Clifford R BologniaRussiaElwin Sharvill UNQUALIFIED
Antonio R KolmetzUnited KingdomBernardo Dominic NEGOTIATION
Faith O WaycottBrazilIvan Magalhaes NEW
Clifford J CampainAustraliaBernardo Dominic NEGOTIATION
Adams Z WhobreyAustraliaAsiya Javayant NEGOTIATION
Julie K GlickItalyOnyama Limba UNQUALIFIED
Maisha H RimRussiaIoni Bowcher UNQUALIFIED
Rodrigues P PaprockiBrazilXuxue Feng PROPOSAL
Antonio U StensethRussiaXuxue Feng UNQUALIFIED
Stacey C BowleySpainAnna Fali UNQUALIFIED
Arvin Z KuskoJapanXuxue Feng NEGOTIATION
Aruna Z DoeAustraliaStephen Shaw PROPOSAL
Rodrigues C NickaBrazilBernardo Dominic NEGOTIATION
Claire Z PerinUnited KingdomXuxue Feng QUALIFIED
Jennifer N NickaSpainBernardo Dominic PROPOSAL
Misaki B DoeUnited KingdomBernardo Dominic NEW
Antonio J GillianArgentinaBernardo Dominic NEGOTIATION
Leja O CaudyFranceIoni Bowcher NEGOTIATION
Adams U MorascaFranceBernardo Dominic PROPOSAL
Deepesh Q RoysterAustraliaXuxue Feng NEW
James F SlusarskiIndiaIoni Bowcher UNQUALIFIED
Greenwood J GillianGermanyBernardo Dominic NEW
Isabel S SlusarskiFranceIoni Bowcher QUALIFIED
Morrow W MacleadArgentinaAnna Fali NEW
Mayumi U FerenczUnited KingdomBernardo Dominic NEGOTIATION
Cody T KuskoSpainIvan Magalhaes UNQUALIFIED
Jones H BowleyRussiaStephen Shaw PROPOSAL
Maria I StockhamArgentinaIvan Magalhaes QUALIFIED
Deepesh W KuskoIndiaAsiya Javayant RENEWAL
Leja F WieserUnited KingdomElwin Sharvill RENEWAL
Faith V NestleCanadaIoni Bowcher NEGOTIATION
Silvio C ChuiCanadaStephen Shaw RENEWAL
Silvio N StensethBrazilBernardo Dominic QUALIFIED
Greenwood E StockhamRussiaAsiya Javayant UNQUALIFIED
Leja M SergiRussiaAsiya Javayant NEGOTIATION

<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" frozenColumnsAlignment="left">
            <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>