November Deals: Limited Coupons Available! 🎁 Claim Your Coupon

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
Silvio B WieserRussiaOnyama Limba UNQUALIFIED
Darci F KuskoBrazilXuxue Feng UNQUALIFIED
Jennifer L FollerAustraliaAmy Elsner RENEWAL
James D RulapaughRussiaAnna Fali QUALIFIED
Isabel J AlbaresAustraliaIoni Bowcher PROPOSAL
Kadeem W KolmetzFranceElwin Sharvill PROPOSAL
Alejandro Z RulapaughFranceAsiya Javayant NEGOTIATION
Deepesh H RimGermanyAsiya Javayant UNQUALIFIED
Sinclair B WieserSpainAsiya Javayant NEW
Ivar Z GauchoItalyXuxue Feng RENEWAL
Chavez E BologniaCanadaAmy Elsner UNQUALIFIED
Darci F NestleUnited KingdomIoni Bowcher RENEWAL
Kaitlin M PoquetteCanadaAmy Elsner QUALIFIED
Smith R RutaAustraliaOnyama Limba NEGOTIATION
Jeanfrancois Y WaycottItalyIvan Magalhaes PROPOSAL
Mayumi U FollerAustraliaAnna Fali NEW
Munro Q KolmetzGermanyBernardo Dominic RENEWAL
Munro U AmigonArgentinaBernardo Dominic NEW
Costa Y BriddickSpainXuxue Feng NEGOTIATION
Jennifer Y WhobreyItalyXuxue Feng UNQUALIFIED
Munro O MaletItalyElwin Sharvill QUALIFIED
Jones K NestleUnited KingdomOnyama Limba RENEWAL
Ashley L FigeroaUnited KingdomAsiya Javayant NEW
Ricardo F NickaBrazilAnna Fali PROPOSAL
Leon I DarakjyCanadaIoni Bowcher QUALIFIED
Mujtaba G PaprockiJapanAsiya Javayant NEGOTIATION
Jefferson J FlosiAustraliaOnyama Limba NEW
Rodrigues B CaudyRussiaIvan Magalhaes RENEWAL
Jefferson N GillianBrazilStephen Shaw QUALIFIED
Salvatore E GarufiItalyAmy Elsner QUALIFIED
Maisha V ShinkoAustraliaStephen Shaw PROPOSAL
Tony A StockhamArgentinaElwin Sharvill RENEWAL
Munro S SaylorsCanadaXuxue Feng NEW
Wickens V FlosiSpainIvan Magalhaes NEGOTIATION
Stacey F DarakjySpainAnna Fali PROPOSAL
Deepesh I MacleadJapanIoni Bowcher NEGOTIATION
Maisha H OstroskyJapanOnyama Limba NEGOTIATION
Costa X MarrierAustraliaAsiya Javayant NEGOTIATION
Silvio R BologniaItalyStephen Shaw NEW
Nicolas D ChuiFranceAsiya Javayant RENEWAL
Jones U BriddickAustraliaAsiya Javayant NEW
Juan B SaylorsItalyBernardo Dominic NEGOTIATION
Misaki Q RutaCanadaElwin Sharvill NEGOTIATION
Clifford T PerinJapanIoni Bowcher NEW
Costa O SergiItalyBernardo Dominic PROPOSAL
Greenwood F WaycottIndiaStephen Shaw PROPOSAL
Sinclair L SaylorsGermanyIvan Magalhaes PROPOSAL
Alejandro N CaldareraSpainAnna Fali UNQUALIFIED
Arvin Q ShinkoArgentinaXuxue Feng RENEWAL
Misaki J NestleArgentinaElwin Sharvill NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Deepesh E TollnerArgentinaIoni Bowcher PROPOSAL
Arvin H RimBrazilIvan Magalhaes NEW
Mujtaba L RoysterAustraliaAsiya Javayant NEW
Mayumi V RimCanadaElwin Sharvill QUALIFIED
Misaki R SchemmerAustraliaXuxue Feng PROPOSAL
Wickens E MarrierCanadaAnna Fali PROPOSAL
Emily I ChuiItalyIvan Magalhaes RENEWAL
Jennifer S TollnerBrazilIvan Magalhaes UNQUALIFIED
Maisha O TollnerIndiaIoni Bowcher NEGOTIATION
Isabel M BologniaRussiaAmy Elsner UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Antonio I PoquetteSpain2026-10-11Benton, John B Jr QUALIFIED59Bernardo Dominic
1001Aditya E SchemmerUnited Kingdom2026-09-24Printing Dimensions UNQUALIFIED41Elwin Sharvill
1002Leja U RutaSpain2026-09-21Chapman, Ross E Esq NEW64Ioni Bowcher
1003Ashley E FollerGermany2026-10-12Rousseaux, Michael Esq PROPOSAL26Ivan Magalhaes
1004Jefferson P WhobreyArgentina2026-09-18Morlong Associates RENEWAL60Amy Elsner
1005Wickens J GlickJapan2026-09-30King, Christopher A Esq NEW80Elwin Sharvill
1006Octavia Y WaycottJapan2026-10-05Chanay, Jeffrey A Esq NEW11Stephen Shaw
1007Jeanfrancois V AlbaresGermany2026-09-26Benton, John B Jr QUALIFIED43Xuxue Feng
1008Munro H ShinkoJapan2026-09-27Feltz Printing Service PROPOSAL36Amy Elsner
1009Jennifer I CaldareraIndia2026-10-14Chanay, Jeffrey A Esq NEGOTIATION53Xuxue Feng
1010Maisha A StockhamArgentina2026-10-14Dorl, James J Esq PROPOSAL63Bernardo Dominic
1011Juan J ShinkoIndia2026-10-13Dorl, James J Esq QUALIFIED89Xuxue Feng
1012Deepesh B PoquetteAustralia2026-10-01Chanay, Jeffrey A Esq NEGOTIATION52Asiya Javayant
1013James J FerenczAustralia2026-09-24Buckley Miller Wright UNQUALIFIED5Ioni Bowcher
1014Leja R NestleAustralia2026-09-24Printing Dimensions NEW77Anna Fali
1015Morrow L RutaArgentina2026-09-30King, Christopher A Esq NEW6Ioni Bowcher
1016Kadeem J MarrierUnited Kingdom2026-09-20Feiner Bros NEW15Amy Elsner
1017Nicolas G BologniaBrazil2026-09-30Benton, John B Jr UNQUALIFIED5Stephen Shaw
1018Munro R SlusarskiAustralia2026-10-08Rousseaux, Michael Esq NEGOTIATION82Ioni Bowcher
1019Smith L FollerGermany2026-10-01Rousseaux, Michael Esq NEW41Stephen Shaw
1020Leja K WaycottGermany2026-10-05Feiner Bros QUALIFIED93Xuxue Feng
1021Sinclair A InouyeGermany2026-09-29Benton, John B Jr RENEWAL36Onyama Limba
1022Maisha E SaylorsArgentina2026-09-24Dorl, James J Esq UNQUALIFIED68Onyama Limba
1023Julie X MaletRussia2026-10-08Buckley Miller Wright NEGOTIATION4Ivan Magalhaes
1024Nicolas J AlbaresSpain2026-10-01Chapman, Ross E Esq QUALIFIED2Amy Elsner
1025Aika T MorascaAustralia2026-09-29Rousseaux, Michael Esq PROPOSAL30Ivan Magalhaes
1026Ivar U NestleCanada2026-09-23Feiner Bros NEGOTIATION69Elwin Sharvill
1027Smith B SchemmerBrazil2026-10-06Chanay, Jeffrey A Esq NEW79Ioni Bowcher
1028Jennifer P CaldareraItaly2026-09-24Commercial Press RENEWAL21Onyama Limba
1029Jones E MacleadJapan2026-10-01Feltz Printing Service QUALIFIED45Ivan Magalhaes
1030Darci R WaycottAustralia2026-10-15Printing Dimensions NEW89Asiya Javayant
1031Ashley G DarakjyJapan2026-10-16King, Christopher A Esq RENEWAL74Amy Elsner
1032Leja R ButtGermany2026-09-26Truhlar And Truhlar Attys RENEWAL62Anna Fali
1033Murillo Q RimArgentina2026-09-18Printing Dimensions QUALIFIED37Anna Fali
1034Kadeem R RimFrance2026-10-17Morlong Associates QUALIFIED65Ioni Bowcher
1035Aruna K FigeroaIndia2026-10-16King, Christopher A Esq NEW26Xuxue Feng
1036Juan G MacleadAustralia2026-10-14Feiner Bros UNQUALIFIED2Ioni Bowcher
1037Aditya M KolmetzUnited Kingdom2026-09-30Chanay, Jeffrey A Esq NEGOTIATION74Xuxue Feng
1038Alejandro Q GlickGermany2026-10-02Feltz Printing Service RENEWAL1Xuxue Feng
1039Faith Z RutaCanada2026-09-25Chanay, Jeffrey A Esq QUALIFIED98Amy Elsner
1040Arvin L DoeUnited Kingdom2026-09-22Benton, John B Jr QUALIFIED9Onyama Limba
1041Ashley Y NickaAustralia2026-10-14Dorl, James J Esq PROPOSAL42Bernardo Dominic
1042Leja V GlickCanada2026-09-28Chanay, Jeffrey A Esq UNQUALIFIED49Onyama Limba
1043Arvin Y PerinArgentina2026-10-10Feiner Bros UNQUALIFIED37Elwin Sharvill
1044James D BowleyAustralia2026-10-16Feiner Bros PROPOSAL52Elwin Sharvill
1045Adams R FlosiBrazil2026-10-11Feltz Printing Service QUALIFIED54Stephen Shaw
1046Costa L RulapaughItaly2026-09-22Buckley Miller Wright RENEWAL62Ioni Bowcher
1047Octavia J DilliardArgentina2026-09-21Rousseaux, Michael Esq NEW6Elwin Sharvill
1048Leja J DoeFrance2026-09-23Commercial Press PROPOSAL40Amy Elsner
1049Emily U StockhamUnited Kingdom2026-10-05Buckley Miller Wright UNQUALIFIED51Ivan Magalhaes
Frozen Rows
NameCountryRepresentativeStatus
Misaki G WieserJapanStephen Shaw PROPOSAL
Leja P KuskoGermanyBernardo Dominic NEGOTIATION
Leja D DarakjyCanadaIoni Bowcher NEGOTIATION
Aditya X MacleadJapanStephen Shaw NEW
Murillo I RimIndiaAnna Fali QUALIFIED
Mayumi P CaldareraItalyIvan Magalhaes PROPOSAL
Maisha A WaycottBrazilStephen Shaw PROPOSAL
Mujtaba X MacleadAustraliaElwin Sharvill RENEWAL
Wickens Y InouyeArgentinaIvan Magalhaes RENEWAL
Tony S MaletAustraliaXuxue Feng PROPOSAL
Leja U PoquetteSpainIoni Bowcher UNQUALIFIED
Greenwood G FigeroaBrazilAsiya Javayant NEGOTIATION
Morrow X RutaJapanIvan Magalhaes RENEWAL
Aditya M BowleySpainAnna Fali RENEWAL
Deepesh G CaudyUnited KingdomAsiya Javayant NEGOTIATION
Munro H PoquetteItalyAsiya Javayant NEGOTIATION
Maisha H RoysterFranceIoni Bowcher QUALIFIED
Cody V ButtItalyAsiya Javayant QUALIFIED
Julie L RoysterItalyStephen Shaw QUALIFIED
Sinclair X ShinkoCanadaIoni Bowcher QUALIFIED
Claire V MorascaIndiaAsiya Javayant NEGOTIATION
Clifford F NestleFranceIvan Magalhaes PROPOSAL
Nicolas P SergiGermanyAsiya Javayant QUALIFIED
Alejandro O BriddickBrazilAmy Elsner UNQUALIFIED
Ivar R SlusarskiRussiaAnna Fali QUALIFIED
Morrow M CaudyIndiaBernardo Dominic UNQUALIFIED
Ivar H WieserCanadaAsiya Javayant NEGOTIATION
Salvatore M OstroskyAustraliaXuxue Feng UNQUALIFIED
Leon W KuskoAustraliaOnyama Limba UNQUALIFIED
Claire S StockhamAustraliaStephen Shaw QUALIFIED
Munro G MacleadJapanElwin Sharvill QUALIFIED
Maria G PaprockiIndiaBernardo Dominic QUALIFIED
Rodrigues K RulapaughUnited KingdomIvan Magalhaes NEW
Kadeem A CaudyBrazilIoni Bowcher UNQUALIFIED
Smith P SaylorsRussiaAnna Fali QUALIFIED
Nicolas D DilliardFranceElwin Sharvill NEW
Emily Y VenereBrazilStephen Shaw NEW
Jefferson P NickaBrazilElwin Sharvill QUALIFIED
Smith Q FollerJapanOnyama Limba QUALIFIED
Cody K RimBrazilOnyama Limba QUALIFIED
Kadeem S MacleadIndiaOnyama Limba PROPOSAL
Arvin W InouyeIndiaStephen Shaw RENEWAL
Jeanfrancois P DilliardJapanAnna Fali QUALIFIED
Rodrigues F WaycottAustraliaXuxue Feng NEGOTIATION
Isabel I TollnerAustraliaAmy Elsner NEGOTIATION
Juan O KuskoFranceAmy Elsner PROPOSAL
Claire Y MacleadUnited KingdomAsiya Javayant PROPOSAL
Morrow R FlosiGermanyElwin Sharvill PROPOSAL
Leja Q DarakjyBrazilIoni Bowcher NEW
Salvatore R AlbaresIndiaOnyama Limba NEGOTIATION
Frozen Columns
Name
Ivar A Schemmer
Nicolas R Glick
Rodrigues N Stockham
Costa I Paprocki
Mujtaba A Albares
Nicolas E Bowley
Salvatore F Poquette
Julie L Royster
Maisha M Doe
Clifford Y Butt
Jeanfrancois Q Nicka
Salvatore D Gaucho
Octavia X Rulapaugh
Chavez P Rim
Johnson U Royster
Octavia U Caudy
Costa L Amigon
Rodrigues X Briddick
Jones Q Foller
Rodrigues C Maclead
Nicolas S Morasca
Leon H Stockham
Francesco K Malet
Faith B Amigon
Juan T Campain
Jeanfrancois A Stockham
Octavia I Saylors
Tony X Saylors
Cody G Slusarski
Mujtaba V Rulapaugh
Ashley V Bolognia
Wickens I Sergi
Jefferson Y Marrier
Ricardo C Stockham
Jones S Waycott
Juan K Gaucho
Silvio G Stockham
Faith A Sergi
Costa E Slusarski
Claire P Bowley
Leja J Rim
Maisha Q Darakjy
Salvatore L Flosi
Costa R Paprocki
Nicolas R Royster
Deepesh E Iturbide
Greenwood Q Campain
Cody T Ruta
Aditya A Bowley
Ricardo G Rulapaugh
IdCountryDate
1000Japan2026-09-30
1001Italy2026-09-29
1002Japan2026-09-19
1003Argentina2026-09-29
1004Japan2026-09-19
1005India2026-10-06
1006Brazil2026-10-12
1007Australia2026-10-06
1008Argentina2026-10-07
1009Spain2026-09-29
1010Spain2026-10-01
1011Spain2026-09-18
1012Canada2026-10-07
1013Spain2026-09-29
1014Italy2026-10-02
1015Russia2026-09-21
1016Spain2026-10-07
1017Germany2026-10-16
1018Australia2026-10-09
1019Italy2026-10-14
1020France2026-10-03
1021Japan2026-09-24
1022Spain2026-09-28
1023India2026-10-02
1024Spain2026-10-08
1025Australia2026-09-18
1026Australia2026-10-16
1027Germany2026-09-30
1028Germany2026-09-22
1029Australia2026-10-01
1030Italy2026-09-25
1031Spain2026-10-05
1032Argentina2026-10-06
1033Argentina2026-09-25
1034Australia2026-09-20
1035Australia2026-10-14
1036Canada2026-10-06
1037Japan2026-09-22
1038Australia2026-09-23
1039Spain2026-10-15
1040France2026-09-30
1041United Kingdom2026-10-08
1042India2026-09-24
1043Germany2026-09-30
1044Germany2026-09-22
1045Germany2026-09-30
1046India2026-09-19
1047Brazil2026-09-25
1048United Kingdom2026-09-29
1049Canada2026-09-29

On-Demand Data

NameIdCountryDate
Maisha H Malet1000Germany2026-10-06
Mayumi B Amigon1001Canada2026-10-07
Maria N Gaucho1002India2026-09-18
Julie X Ferencz1003Argentina2026-09-20
Jefferson I Whobrey1004France2026-09-18
Johnson U Sergi1005Spain2026-10-15
Leon O Gaucho1006Brazil2026-09-18
Mayumi S Inouye1007Australia2026-09-28
Nicolas P Malet1008Italy2026-10-03
Juan H Rim1009Brazil2026-09-19
Cody B Ostrosky1010Japan2026-10-15
Arvin C Caldarera1011United Kingdom2026-09-22
Mayumi L Nicka1012United Kingdom2026-09-24
Misaki F Briddick1013Spain2026-09-24
Munro M Ruta1014Germany2026-09-27
Maisha X Malet1015France2026-10-01
Misaki E Flosi1016France2026-10-12
Julie T Oldroyd1017Russia2026-10-07
Arvin P Nicka1018Russia2026-10-06
Antonio S Waycott1019Brazil2026-10-14
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Leon K DarakjyFranceBernardo Dominic QUALIFIED
Jeanfrancois W DilliardSpainOnyama Limba RENEWAL
Antonio C GlickUnited KingdomStephen Shaw RENEWAL
James L SergiGermanyOnyama Limba PROPOSAL
Salvatore G OldroydBrazilXuxue Feng UNQUALIFIED
Murillo U OstroskyAustraliaAmy Elsner PROPOSAL
Chavez C DoeBrazilIvan Magalhaes NEW
Octavia R MaletRussiaIoni Bowcher QUALIFIED
Johnson O RutaArgentinaOnyama Limba PROPOSAL
Nicolas U MaletIndiaAsiya Javayant NEW
Rodrigues J PaprockiBrazilOnyama Limba RENEWAL
Chavez I ButtJapanBernardo Dominic QUALIFIED
Murillo H BriddickCanadaXuxue Feng NEW
Arvin T StockhamBrazilIvan Magalhaes UNQUALIFIED
Smith T StockhamArgentinaBernardo Dominic UNQUALIFIED
Faith Y OldroydSpainElwin Sharvill PROPOSAL
Octavia I FigeroaArgentinaAsiya Javayant NEW
Rodrigues D WhobreyIndiaOnyama Limba NEW
James X OstroskyRussiaIvan Magalhaes QUALIFIED
Chavez L ShinkoJapanAmy Elsner NEW
Cody I PerinGermanyAnna Fali QUALIFIED
Smith G FigeroaIndiaIvan Magalhaes UNQUALIFIED
Tony F RimSpainOnyama Limba UNQUALIFIED
Rodrigues F PoquetteBrazilOnyama Limba PROPOSAL
Ricardo F SergiFranceStephen Shaw RENEWAL
Kaitlin S MarrierItalyIoni Bowcher NEW
Wickens P IturbideBrazilBernardo Dominic QUALIFIED
Wickens N BowleyFranceIvan Magalhaes RENEWAL
Jones E KuskoRussiaBernardo Dominic PROPOSAL
Johnson G KuskoIndiaElwin Sharvill NEGOTIATION
Aika W MarrierRussiaIvan Magalhaes UNQUALIFIED
Kaitlin D DilliardUnited KingdomOnyama Limba UNQUALIFIED
Darci J FlosiFranceStephen Shaw PROPOSAL
Maisha Y WieserIndiaElwin Sharvill NEW
Ricardo T RoysterJapanStephen Shaw UNQUALIFIED
Rodrigues X CaldareraUnited KingdomIoni Bowcher QUALIFIED
Mayumi O InouyeRussiaIvan Magalhaes UNQUALIFIED
Maria B NestleIndiaOnyama Limba NEGOTIATION
Munro G PoquetteItalyXuxue Feng PROPOSAL
Octavia G MaletArgentinaXuxue Feng 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>