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
Greenwood D ShinkoUnited KingdomXuxue Feng NEGOTIATION
Aditya W OstroskyIndiaXuxue Feng RENEWAL
Francesco A GillianAustraliaXuxue Feng RENEWAL
Salvatore Z BriddickCanadaIoni Bowcher UNQUALIFIED
Adams R AmigonRussiaIvan Magalhaes QUALIFIED
Leon R WaycottFranceAsiya Javayant NEW
Kaitlin Z SaylorsCanadaBernardo Dominic RENEWAL
Arvin M GlickRussiaStephen Shaw PROPOSAL
Ashley R BologniaGermanyAsiya Javayant UNQUALIFIED
Cody U GillianItalyElwin Sharvill PROPOSAL
Jeanfrancois E IturbideItalyStephen Shaw RENEWAL
Leja N ChuiJapanElwin Sharvill UNQUALIFIED
Johnson L DoeBrazilIoni Bowcher UNQUALIFIED
Silvio F BriddickJapanIvan Magalhaes UNQUALIFIED
Greenwood K StensethCanadaIoni Bowcher UNQUALIFIED
Aika E BowleyUnited KingdomIoni Bowcher PROPOSAL
Greenwood D PoquetteAustraliaIoni Bowcher NEW
Arvin F DarakjyIndiaAnna Fali UNQUALIFIED
Smith V IturbideRussiaAsiya Javayant NEW
Murillo H DilliardBrazilIvan Magalhaes NEW
James P TollnerIndiaXuxue Feng UNQUALIFIED
Smith E GlickArgentinaAsiya Javayant PROPOSAL
Antonio Z DarakjyItalyIvan Magalhaes RENEWAL
Clifford D InouyeUnited KingdomIvan Magalhaes RENEWAL
Jeanfrancois A GarufiSpainXuxue Feng NEW
Deepesh Y FigeroaIndiaStephen Shaw PROPOSAL
Smith U StensethGermanyOnyama Limba NEGOTIATION
Julie Q SaylorsArgentinaAmy Elsner RENEWAL
Darci N GlickCanadaAnna Fali NEGOTIATION
Darci J OldroydUnited KingdomAnna Fali PROPOSAL
Murillo L TollnerSpainElwin Sharvill NEGOTIATION
Aika C CampainBrazilBernardo Dominic RENEWAL
Stacey G VenereIndiaElwin Sharvill UNQUALIFIED
Mujtaba T OldroydFranceAmy Elsner QUALIFIED
Alejandro J KolmetzSpainAnna Fali RENEWAL
Costa S BriddickJapanAsiya Javayant NEW
Murillo C SaylorsAustraliaElwin Sharvill RENEWAL
Morrow U DilliardItalyIvan Magalhaes QUALIFIED
Izzy M PaprockiFranceIoni Bowcher NEW
Aruna D BowleyItalyElwin Sharvill NEW
Ivar O PaprockiArgentinaXuxue Feng NEW
Jennifer V FlosiJapanElwin Sharvill NEGOTIATION
Sinclair C MaletItalyAnna Fali RENEWAL
Misaki B AmigonRussiaStephen Shaw PROPOSAL
Stacey V StockhamRussiaElwin Sharvill QUALIFIED
Emily B FollerItalyOnyama Limba PROPOSAL
Stacey J DilliardCanadaAsiya Javayant QUALIFIED
Chavez Z MacleadUnited KingdomBernardo Dominic PROPOSAL
Jefferson R AmigonCanadaAnna Fali QUALIFIED
Smith T NestleAustraliaXuxue Feng NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Ashley Z SergiRussiaAmy Elsner UNQUALIFIED
Faith I FlosiUnited KingdomIvan Magalhaes PROPOSAL
Cody T SlusarskiSpainOnyama Limba NEW
Munro G CampainArgentinaElwin Sharvill NEW
Emily F BriddickCanadaElwin Sharvill UNQUALIFIED
Costa L VenereBrazilXuxue Feng PROPOSAL
Chavez G PerinGermanyOnyama Limba UNQUALIFIED
Jones B RoysterJapanBernardo Dominic RENEWAL
Antonio A SchemmerGermanyElwin Sharvill PROPOSAL
Chavez L NickaSpainAsiya Javayant UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Cody G SergiFrance2026-09-23Benton, John B Jr RENEWAL92Elwin Sharvill
1001Maisha Y PaprockiGermany2026-09-22Feiner Bros NEGOTIATION55Amy Elsner
1002Isabel N DilliardFrance2026-09-19Morlong Associates PROPOSAL38Amy Elsner
1003Mayumi X GillianFrance2026-09-25Dorl, James J Esq QUALIFIED75Anna Fali
1004Greenwood R DarakjyCanada2026-09-15Feiner Bros QUALIFIED51Ivan Magalhaes
1005Ivar X SlusarskiCanada2026-09-13Rangoni Of Florence NEW87Elwin Sharvill
1006Kadeem E KuskoSpain2026-09-10Buckley Miller Wright PROPOSAL64Bernardo Dominic
1007Deepesh C FlosiRussia2026-09-28Feltz Printing Service NEGOTIATION23Onyama Limba
1008Clifford I PoquetteIndia2026-09-23King, Christopher A Esq RENEWAL87Onyama Limba
1009Aditya T KuskoJapan2026-10-01Rousseaux, Michael Esq RENEWAL46Anna Fali
1010Alejandro I AmigonBrazil2026-10-06Feltz Printing Service PROPOSAL88Ioni Bowcher
1011Octavia F FollerBrazil2026-09-17King, Christopher A Esq UNQUALIFIED38Elwin Sharvill
1012Faith N ChuiUnited Kingdom2026-10-09Truhlar And Truhlar Attys PROPOSAL28Onyama Limba
1013Alejandro C GauchoAustralia2026-09-27Feiner Bros UNQUALIFIED14Ioni Bowcher
1014Isabel W KolmetzSpain2026-10-08King, Christopher A Esq QUALIFIED45Xuxue Feng
1015Juan L RutaAustralia2026-09-23Feltz Printing Service UNQUALIFIED21Stephen Shaw
1016Maria R PaprockiAustralia2026-10-09Morlong Associates NEW77Stephen Shaw
1017Nicolas M SchemmerRussia2026-09-14Printing Dimensions UNQUALIFIED52Bernardo Dominic
1018Johnson Y MorascaUnited Kingdom2026-09-18Truhlar And Truhlar Attys NEW83Elwin Sharvill
1019Faith T PaprockiArgentina2026-10-02Commercial Press QUALIFIED32Elwin Sharvill
1020Izzy S CaldareraSpain2026-09-10Morlong Associates RENEWAL69Elwin Sharvill
1021Jefferson D SchemmerCanada2026-10-06Commercial Press PROPOSAL10Stephen Shaw
1022Rodrigues W MaletJapan2026-09-29Benton, John B Jr QUALIFIED17Stephen Shaw
1023Jennifer H DarakjyItaly2026-09-13Benton, John B Jr NEW23Xuxue Feng
1024Clifford I ShinkoIndia2026-09-21Printing Dimensions NEGOTIATION67Onyama Limba
1025Antonio B MaletJapan2026-09-22Rangoni Of Florence NEGOTIATION66Ivan Magalhaes
1026Izzy P GillianCanada2026-09-23Chanay, Jeffrey A Esq RENEWAL29Elwin Sharvill
1027Jones E PerinAustralia2026-09-21Dorl, James J Esq PROPOSAL78Onyama Limba
1028Kadeem W SergiFrance2026-09-19Chemel, James L Cpa UNQUALIFIED39Ioni Bowcher
1029Clifford Z StensethAustralia2026-09-15Chanay, Jeffrey A Esq PROPOSAL23Amy Elsner
1030Leon W SaylorsItaly2026-10-03Chanay, Jeffrey A Esq RENEWAL36Amy Elsner
1031Costa I PaprockiBrazil2026-09-11Rousseaux, Michael Esq UNQUALIFIED31Ivan Magalhaes
1032Alejandro W BologniaUnited Kingdom2026-09-13Feiner Bros PROPOSAL1Elwin Sharvill
1033Maria A PoquetteArgentina2026-09-21Chapman, Ross E Esq QUALIFIED10Asiya Javayant
1034Aditya L MacleadUnited Kingdom2026-09-15Chanay, Jeffrey A Esq UNQUALIFIED5Ivan Magalhaes
1035Mujtaba Z BowleyArgentina2026-09-16Feiner Bros QUALIFIED80Xuxue Feng
1036Alejandro F GillianSpain2026-09-10Truhlar And Truhlar Attys NEGOTIATION61Xuxue Feng
1037Jeanfrancois E StensethUnited Kingdom2026-09-23Truhlar And Truhlar Attys QUALIFIED91Ioni Bowcher
1038David L DilliardRussia2026-09-12Buckley Miller Wright QUALIFIED77Ivan Magalhaes
1039Chavez F GillianUnited Kingdom2026-10-03Chemel, James L Cpa NEGOTIATION80Ivan Magalhaes
1040Juan Q GarufiCanada2026-10-08Chapman, Ross E Esq NEGOTIATION20Bernardo Dominic
1041Emily H BriddickArgentina2026-09-16Dorl, James J Esq NEGOTIATION85Amy Elsner
1042Chavez T BowleyJapan2026-09-21Benton, John B Jr PROPOSAL11Amy Elsner
1043Kadeem B OldroydSpain2026-10-05Feiner Bros QUALIFIED51Onyama Limba
1044Kadeem L ButtIndia2026-10-07Chemel, James L Cpa PROPOSAL96Stephen Shaw
1045Murillo U AmigonJapan2026-10-05Dorl, James J Esq NEGOTIATION18Bernardo Dominic
1046Aditya Y PoquetteRussia2026-09-19Truhlar And Truhlar Attys NEGOTIATION47Xuxue Feng
1047Francesco M WaycottItaly2026-09-14Feiner Bros PROPOSAL94Asiya Javayant
1048Nicolas H RulapaughFrance2026-09-15Morlong Associates RENEWAL55Ioni Bowcher
1049James L StockhamArgentina2026-10-05Morlong Associates NEGOTIATION37Amy Elsner
Frozen Rows
NameCountryRepresentativeStatus
Leja R ChuiJapanOnyama Limba UNQUALIFIED
Mayumi T KuskoGermanyAmy Elsner NEGOTIATION
Stacey V GarufiCanadaElwin Sharvill RENEWAL
Silvio S DoeRussiaAnna Fali NEW
Murillo A MarrierCanadaOnyama Limba PROPOSAL
Aditya I VocelkaItalyBernardo Dominic QUALIFIED
Kadeem I AlbaresAustraliaStephen Shaw PROPOSAL
Kaitlin S WieserUnited KingdomStephen Shaw PROPOSAL
Leon Z MaletFranceBernardo Dominic PROPOSAL
Jennifer E StensethSpainOnyama Limba QUALIFIED
Wickens P CampainUnited KingdomIvan Magalhaes UNQUALIFIED
Mayumi D RulapaughUnited KingdomAmy Elsner RENEWAL
Chavez W OstroskyCanadaElwin Sharvill QUALIFIED
Leja F CampainBrazilAnna Fali PROPOSAL
Leja K GillianBrazilAnna Fali NEGOTIATION
Mujtaba U SergiJapanIvan Magalhaes NEGOTIATION
Kadeem G SchemmerIndiaAmy Elsner QUALIFIED
Munro E ChuiUnited KingdomAnna Fali NEW
Sinclair T NickaFranceIoni Bowcher RENEWAL
Isabel I CaudySpainElwin Sharvill NEW
Maria O StockhamJapanElwin Sharvill NEGOTIATION
Jeanfrancois M RulapaughItalyXuxue Feng UNQUALIFIED
Tony M FollerItalyIoni Bowcher RENEWAL
Ricardo X FlosiAustraliaOnyama Limba NEGOTIATION
Jeanfrancois S GauchoIndiaAnna Fali UNQUALIFIED
Clifford L BowleyUnited KingdomBernardo Dominic UNQUALIFIED
Jeanfrancois U PoquetteSpainXuxue Feng NEW
Jeanfrancois Y MorascaJapanAsiya Javayant RENEWAL
Smith A GauchoAustraliaElwin Sharvill NEGOTIATION
Kadeem W NestleJapanStephen Shaw NEGOTIATION
Wickens I FigeroaUnited KingdomOnyama Limba UNQUALIFIED
Ricardo Z StensethArgentinaStephen Shaw PROPOSAL
Alejandro O MorascaFranceBernardo Dominic NEW
Mujtaba G StockhamAustraliaElwin Sharvill UNQUALIFIED
Aruna D NestleIndiaIvan Magalhaes NEGOTIATION
Aditya K FlosiBrazilAsiya Javayant PROPOSAL
Morrow T DilliardCanadaStephen Shaw NEGOTIATION
Kadeem Z MorascaBrazilIoni Bowcher RENEWAL
Rodrigues Z WaycottItalyIoni Bowcher QUALIFIED
Nicolas W SergiRussiaBernardo Dominic QUALIFIED
Costa H IturbideBrazilStephen Shaw PROPOSAL
David Q MorascaArgentinaIoni Bowcher QUALIFIED
Isabel W IturbideAustraliaAsiya Javayant UNQUALIFIED
Jennifer F DoeJapanBernardo Dominic QUALIFIED
Murillo E PaprockiAustraliaOnyama Limba QUALIFIED
Darci I RutaGermanyAsiya Javayant UNQUALIFIED
Ivar J MaletFranceOnyama Limba RENEWAL
Deepesh A RimSpainElwin Sharvill PROPOSAL
Salvatore M RutaJapanAsiya Javayant NEGOTIATION
Mayumi X DoeIndiaAmy Elsner NEGOTIATION
Frozen Columns
Name
Leja U Doe
Jones M Bowley
Arvin V Poquette
Ashley T Vocelka
Izzy J Figeroa
James N Ruta
Aika Z Venere
Leon O Waycott
Aditya S Shinko
Faith V Figeroa
Mayumi K Foller
Octavia J Malet
Maisha R Caudy
Deepesh M Bowley
Jennifer B Whobrey
Kaitlin E Briddick
Jennifer H Sergi
Nicolas D Bolognia
Mayumi J Chui
Johnson L Glick
Claire V Bolognia
Costa Z Chui
Cody D Butt
Chavez A Vocelka
Johnson L Paprocki
Leon T Amigon
Kaitlin J Albares
Stacey T Foller
Greenwood G Paprocki
Deepesh Y Royster
Kadeem T Gillian
Murillo I Butt
Leon C Caldarera
Kaitlin E Wieser
Adams L Venere
Leon X Nestle
Jones W Rulapaugh
Ricardo N Nestle
David D Stenseth
Stacey X Butt
Salvatore F Marrier
Jennifer F Whobrey
Deepesh L Caldarera
Deepesh L Morasca
Mayumi W Oldroyd
Antonio L Albares
James W Garufi
Morrow K Rulapaugh
Leja T Morasca
Salvatore O Paprocki
IdCountryDate
1000Spain2026-09-16
1001India2026-10-09
1002Argentina2026-10-04
1003Argentina2026-09-27
1004Germany2026-09-21
1005Brazil2026-09-25
1006Italy2026-09-30
1007Germany2026-09-12
1008India2026-09-28
1009Germany2026-09-20
1010Russia2026-10-01
1011Germany2026-09-25
1012Australia2026-09-11
1013France2026-10-05
1014Argentina2026-09-25
1015Australia2026-10-09
1016Japan2026-09-17
1017United Kingdom2026-09-20
1018France2026-09-27
1019Japan2026-10-06
1020United Kingdom2026-09-21
1021Japan2026-10-01
1022Germany2026-09-29
1023Brazil2026-09-29
1024United Kingdom2026-10-05
1025India2026-09-28
1026India2026-09-20
1027Spain2026-10-01
1028Canada2026-09-19
1029Spain2026-09-24
1030India2026-10-06
1031Russia2026-09-15
1032United Kingdom2026-09-20
1033Canada2026-09-11
1034Russia2026-10-01
1035Canada2026-09-28
1036United Kingdom2026-09-27
1037Russia2026-09-12
1038France2026-10-09
1039Canada2026-10-01
1040Germany2026-09-30
1041Brazil2026-09-26
1042Brazil2026-09-14
1043Germany2026-09-16
1044France2026-09-22
1045Italy2026-09-11
1046France2026-09-19
1047Brazil2026-09-28
1048Argentina2026-09-25
1049Germany2026-09-10

On-Demand Data

NameIdCountryDate
Munro C Morasca1000Canada2026-09-24
Leon F Albares1001United Kingdom2026-10-03
Mayumi Z Gillian1002Germany2026-09-25
Greenwood Z Campain1003Japan2026-09-10
Leja O Maclead1004Australia2026-10-07
Misaki W Perin1005Japan2026-09-13
Jeanfrancois Q Campain1006Italy2026-09-29
Costa Z Caldarera1007Japan2026-09-28
Stacey G Wieser1008Australia2026-10-06
Murillo Y Rim1009United Kingdom2026-09-26
Leon W Glick1010India2026-09-26
Rodrigues N Bowley1011Japan2026-09-23
Wickens V Glick1012Spain2026-10-09
Aika F Butt1013Japan2026-10-02
Mayumi I Poquette1014Russia2026-09-15
Costa N Foller1015Italy2026-09-19
Costa O Malet1016Australia2026-10-03
Antonio Y Rim1017Canada2026-09-16
Leon R Wieser1018India2026-10-06
Salvatore O Rim1019Canada2026-10-08
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Mayumi Z TollnerArgentinaAmy Elsner NEW
Rodrigues Q RutaItalyIoni Bowcher NEGOTIATION
Maisha H WhobreyArgentinaOnyama Limba NEW
Octavia H BowleySpainElwin Sharvill QUALIFIED
Deepesh K FollerIndiaIoni Bowcher QUALIFIED
Kaitlin B OstroskyCanadaAsiya Javayant NEGOTIATION
Nicolas H KuskoIndiaStephen Shaw PROPOSAL
Kadeem R AlbaresAustraliaIvan Magalhaes RENEWAL
Aruna Z SergiUnited KingdomXuxue Feng PROPOSAL
Costa I WaycottFranceStephen Shaw RENEWAL
Jennifer S NickaUnited KingdomAnna Fali PROPOSAL
Salvatore X StockhamRussiaAsiya Javayant NEGOTIATION
Mayumi O StockhamArgentinaIoni Bowcher PROPOSAL
Izzy Z FigeroaArgentinaAsiya Javayant NEW
Mayumi U RutaJapanOnyama Limba QUALIFIED
Deepesh B FerenczFranceStephen Shaw PROPOSAL
Arvin A FollerItalyIvan Magalhaes PROPOSAL
Sinclair O CaldareraFranceOnyama Limba RENEWAL
Julie X NestleAustraliaAmy Elsner PROPOSAL
Sinclair K DoeItalyAnna Fali UNQUALIFIED
Munro Y CaudyJapanElwin Sharvill UNQUALIFIED
Mujtaba P StensethIndiaIoni Bowcher NEW
Jefferson O KolmetzCanadaAsiya Javayant QUALIFIED
Antonio U WhobreyItalyStephen Shaw UNQUALIFIED
Jefferson U GlickArgentinaIoni Bowcher RENEWAL
Juan I SlusarskiItalyAmy Elsner NEGOTIATION
Morrow A InouyeGermanyIvan Magalhaes PROPOSAL
Izzy J SchemmerBrazilAmy Elsner PROPOSAL
Aika B DilliardArgentinaOnyama Limba NEGOTIATION
Murillo S GillianRussiaIvan Magalhaes UNQUALIFIED
Salvatore J StockhamArgentinaIoni Bowcher NEGOTIATION
Kaitlin D ChuiCanadaBernardo Dominic NEGOTIATION
Octavia E DilliardAustraliaAmy Elsner NEW
David A WieserRussiaStephen Shaw QUALIFIED
Ivar Q ButtIndiaIoni Bowcher NEGOTIATION
Francesco E MaletBrazilAsiya Javayant NEGOTIATION
David Y SlusarskiFranceElwin Sharvill UNQUALIFIED
Emily S FerenczArgentinaOnyama Limba NEW
Leja H MaletGermanyBernardo Dominic NEW
Johnson C CampainRussiaXuxue 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>