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
Jefferson P ButtIndiaAsiya Javayant PROPOSAL
Arvin T GarufiJapanIoni Bowcher RENEWAL
Faith R GarufiFranceAsiya Javayant QUALIFIED
Sinclair E FigeroaItalyAsiya Javayant RENEWAL
Jefferson I SaylorsIndiaAmy Elsner UNQUALIFIED
Nicolas X AlbaresAustraliaAsiya Javayant NEW
Adams I WaycottUnited KingdomAsiya Javayant UNQUALIFIED
Aruna H InouyeRussiaIvan Magalhaes RENEWAL
Munro Z BowleyCanadaXuxue Feng NEW
Ricardo B IturbideJapanBernardo Dominic RENEWAL
Jennifer T PoquetteUnited KingdomAnna Fali QUALIFIED
Wickens Z DarakjySpainXuxue Feng QUALIFIED
Rodrigues J DoeAustraliaAnna Fali QUALIFIED
Greenwood K PerinFranceXuxue Feng UNQUALIFIED
Kadeem Z AmigonRussiaStephen Shaw QUALIFIED
Arvin U DarakjyIndiaStephen Shaw PROPOSAL
Deepesh Z OstroskyUnited KingdomBernardo Dominic PROPOSAL
Wickens K KolmetzRussiaIoni Bowcher QUALIFIED
Smith R PaprockiBrazilStephen Shaw PROPOSAL
Claire Q VocelkaIndiaBernardo Dominic PROPOSAL
Costa H MaletSpainXuxue Feng PROPOSAL
Wickens M BriddickBrazilElwin Sharvill UNQUALIFIED
Mujtaba B FollerSpainElwin Sharvill QUALIFIED
Izzy I MorascaIndiaOnyama Limba QUALIFIED
Maria O SaylorsGermanyIoni Bowcher NEGOTIATION
Johnson G CaldareraCanadaBernardo Dominic QUALIFIED
Morrow G MaletUnited KingdomAnna Fali RENEWAL
Isabel T NestleCanadaAsiya Javayant RENEWAL
Misaki F KolmetzAustraliaBernardo Dominic PROPOSAL
Munro X FlosiAustraliaElwin Sharvill RENEWAL
Misaki A PaprockiArgentinaBernardo Dominic QUALIFIED
Costa S StockhamRussiaIoni Bowcher RENEWAL
Francesco X FollerSpainAnna Fali RENEWAL
Claire Z MorascaItalyOnyama Limba NEW
Murillo M NestleBrazilOnyama Limba RENEWAL
Faith P FlosiAustraliaStephen Shaw RENEWAL
Salvatore V NestleAustraliaOnyama Limba NEW
Octavia E IturbideCanadaXuxue Feng QUALIFIED
Darci D CaudyFranceBernardo Dominic PROPOSAL
Jones B VocelkaIndiaStephen Shaw NEGOTIATION
Kadeem W KuskoUnited KingdomStephen Shaw RENEWAL
Leja X GlickRussiaXuxue Feng PROPOSAL
Mayumi R SaylorsAustraliaBernardo Dominic PROPOSAL
Adams A DilliardItalyOnyama Limba NEGOTIATION
Cody E PoquetteIndiaIoni Bowcher PROPOSAL
Antonio V GauchoBrazilIoni Bowcher NEGOTIATION
Clifford D SaylorsJapanAmy Elsner PROPOSAL
Tony B FlosiIndiaXuxue Feng QUALIFIED
Julie M RimGermanyAnna Fali QUALIFIED
Chavez B DoeRussiaIoni Bowcher UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Ashley C VocelkaItalyBernardo Dominic UNQUALIFIED
Juan O GlickItalyStephen Shaw NEGOTIATION
Maria Q DoeSpainOnyama Limba QUALIFIED
Tony R DilliardRussiaAnna Fali NEGOTIATION
Izzy Z WhobreyArgentinaIoni Bowcher QUALIFIED
Antonio Z GarufiGermanyXuxue Feng UNQUALIFIED
Jefferson T VenereBrazilAsiya Javayant NEGOTIATION
Faith O RimItalyIvan Magalhaes UNQUALIFIED
Mayumi B VenereSpainXuxue Feng NEGOTIATION
Faith X NickaItalyAsiya Javayant UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Tony D GlickFrance2026-10-07Dorl, James J Esq RENEWAL56Xuxue Feng
1001Sinclair P PoquetteAustralia2026-10-17Rousseaux, Michael Esq QUALIFIED59Amy Elsner
1002Izzy Q ButtItaly2026-10-19Printing Dimensions UNQUALIFIED14Ivan Magalhaes
1003Deepesh H ShinkoRussia2026-10-16King, Christopher A Esq NEGOTIATION93Amy Elsner
1004Nicolas J BowleyBrazil2026-10-12Benton, John B Jr QUALIFIED30Anna Fali
1005Deepesh I NickaAustralia2026-09-30Commercial Press RENEWAL36Ivan Magalhaes
1006Wickens C AlbaresUnited Kingdom2026-10-06Printing Dimensions PROPOSAL37Ioni Bowcher
1007Aditya M OstroskyBrazil2026-10-06Buckley Miller Wright PROPOSAL42Ioni Bowcher
1008Leon R FlosiIndia2026-09-27Rangoni Of Florence PROPOSAL41Asiya Javayant
1009Morrow Y RulapaughItaly2026-10-18King, Christopher A Esq NEGOTIATION36Elwin Sharvill
1010Rodrigues O MaletItaly2026-10-26Chemel, James L Cpa NEW55Onyama Limba
1011Sinclair C AlbaresJapan2026-10-12Chapman, Ross E Esq RENEWAL22Elwin Sharvill
1012Julie L RimUnited Kingdom2026-10-11Chapman, Ross E Esq NEGOTIATION80Amy Elsner
1013Sinclair G CaudyUnited Kingdom2026-10-23Rangoni Of Florence NEGOTIATION5Asiya Javayant
1014Smith P KuskoRussia2026-10-12Feltz Printing Service PROPOSAL41Onyama Limba
1015Emily L ButtBrazil2026-10-18Printing Dimensions PROPOSAL13Ivan Magalhaes
1016Nicolas H DarakjyGermany2026-10-09Rousseaux, Michael Esq RENEWAL32Onyama Limba
1017Deepesh L DilliardFrance2026-10-19Morlong Associates RENEWAL79Ioni Bowcher
1018Isabel U AmigonBrazil2026-09-29Commercial Press RENEWAL79Anna Fali
1019Deepesh I MaletUnited Kingdom2026-10-04Rousseaux, Michael Esq PROPOSAL97Bernardo Dominic
1020Munro X VenereFrance2026-10-12Chemel, James L Cpa QUALIFIED20Stephen Shaw
1021Octavia T ShinkoAustralia2026-10-24Rangoni Of Florence NEW98Amy Elsner
1022Jeanfrancois K BologniaBrazil2026-10-13Chemel, James L Cpa NEGOTIATION54Ivan Magalhaes
1023Isabel X DarakjyUnited Kingdom2026-10-02Commercial Press RENEWAL39Bernardo Dominic
1024Antonio Z SchemmerIndia2026-10-26Buckley Miller Wright NEGOTIATION73Xuxue Feng
1025Morrow E ChuiBrazil2026-09-30Chanay, Jeffrey A Esq UNQUALIFIED42Onyama Limba
1026Chavez J VenereBrazil2026-10-05Commercial Press QUALIFIED42Ioni Bowcher
1027Aika C BriddickAustralia2026-10-18Dorl, James J Esq RENEWAL87Elwin Sharvill
1028Costa A MarrierGermany2026-10-05Chapman, Ross E Esq RENEWAL23Ivan Magalhaes
1029Kadeem U SchemmerBrazil2026-10-01Truhlar And Truhlar Attys RENEWAL18Ivan Magalhaes
1030Ashley Z KuskoIndia2026-10-12Truhlar And Truhlar Attys PROPOSAL60Onyama Limba
1031Jefferson Q WhobreyItaly2026-10-04Chanay, Jeffrey A Esq RENEWAL1Ioni Bowcher
1032Mayumi N NickaItaly2026-10-06Chanay, Jeffrey A Esq PROPOSAL79Ioni Bowcher
1033Murillo R GillianBrazil2026-10-15Dorl, James J Esq RENEWAL41Ivan Magalhaes
1034Johnson T MaletItaly2026-10-26Benton, John B Jr QUALIFIED33Stephen Shaw
1035Tony A GlickFrance2026-10-20Feltz Printing Service NEW1Amy Elsner
1036Jefferson F GauchoUnited Kingdom2026-10-18Commercial Press QUALIFIED49Anna Fali
1037Sinclair S AlbaresRussia2026-10-15Benton, John B Jr NEW67Onyama Limba
1038Faith M FollerAustralia2026-09-29Printing Dimensions NEW81Stephen Shaw
1039Nicolas H CaudyCanada2026-10-02Buckley Miller Wright RENEWAL86Ivan Magalhaes
1040Cody K SergiFrance2026-09-30Chanay, Jeffrey A Esq UNQUALIFIED26Ivan Magalhaes
1041Smith G WhobreyRussia2026-10-19Dorl, James J Esq QUALIFIED78Stephen Shaw
1042Ricardo E FollerGermany2026-10-14Feltz Printing Service NEGOTIATION72Bernardo Dominic
1043Leon Q RutaArgentina2026-10-05Chemel, James L Cpa UNQUALIFIED45Xuxue Feng
1044Jennifer D SchemmerBrazil2026-10-18Feltz Printing Service NEGOTIATION81Onyama Limba
1045Cody W RoysterSpain2026-09-29Chemel, James L Cpa PROPOSAL21Amy Elsner
1046Ivar Y ButtBrazil2026-10-08Chemel, James L Cpa NEGOTIATION20Stephen Shaw
1047Munro F FerenczFrance2026-09-30Rangoni Of Florence NEGOTIATION53Ivan Magalhaes
1048Aruna T AlbaresCanada2026-10-04King, Christopher A Esq PROPOSAL53Ivan Magalhaes
1049Leon Z GlickIndia2026-10-11Morlong Associates PROPOSAL4Asiya Javayant
Frozen Rows
NameCountryRepresentativeStatus
Maisha Q KolmetzAustraliaBernardo Dominic NEW
Ashley M BriddickRussiaXuxue Feng PROPOSAL
Rodrigues I ShinkoIndiaIoni Bowcher NEW
Alejandro I VocelkaGermanyAmy Elsner RENEWAL
Izzy U StockhamJapanAmy Elsner NEW
Munro Z FerenczCanadaIvan Magalhaes RENEWAL
Faith X BriddickIndiaAnna Fali QUALIFIED
Jeanfrancois R FollerRussiaIvan Magalhaes NEGOTIATION
Aika O ButtBrazilAnna Fali NEGOTIATION
Aruna X AlbaresBrazilIoni Bowcher UNQUALIFIED
Misaki Z GillianJapanAnna Fali NEGOTIATION
Rodrigues G KolmetzRussiaBernardo Dominic UNQUALIFIED
Kadeem T MaletUnited KingdomAnna Fali NEGOTIATION
Nicolas X FollerGermanyElwin Sharvill PROPOSAL
Leon D PerinFranceIoni Bowcher NEGOTIATION
Mayumi V ButtGermanyElwin Sharvill UNQUALIFIED
Stacey H CaldareraUnited KingdomOnyama Limba PROPOSAL
Jones S RutaJapanAmy Elsner PROPOSAL
Leon V MacleadArgentinaAsiya Javayant PROPOSAL
David Q InouyeCanadaIoni Bowcher PROPOSAL
Izzy J WhobreyAustraliaElwin Sharvill NEW
Juan Y ChuiSpainBernardo Dominic PROPOSAL
Wickens J DoeAustraliaIoni Bowcher NEW
Claire X SaylorsAustraliaElwin Sharvill RENEWAL
Francesco F RulapaughFranceIvan Magalhaes PROPOSAL
Chavez Y BowleyCanadaAnna Fali QUALIFIED
Nicolas U KuskoJapanIoni Bowcher QUALIFIED
Julie O WieserItalyAmy Elsner UNQUALIFIED
Antonio A CaldareraCanadaBernardo Dominic NEGOTIATION
Jefferson C FigeroaCanadaBernardo Dominic NEGOTIATION
Johnson E FollerArgentinaBernardo Dominic NEGOTIATION
Aditya V DilliardIndiaXuxue Feng NEGOTIATION
Salvatore H GillianJapanOnyama Limba NEW
Jones W StensethJapanAnna Fali PROPOSAL
David R TollnerArgentinaElwin Sharvill RENEWAL
Jennifer G InouyeAustraliaAsiya Javayant RENEWAL
Tony N WieserAustraliaAsiya Javayant NEW
Chavez X ButtJapanIoni Bowcher QUALIFIED
Adams D GauchoItalyIoni Bowcher NEGOTIATION
Juan P FollerArgentinaIvan Magalhaes NEGOTIATION
Rodrigues K MaletFranceAmy Elsner NEW
Clifford U SlusarskiBrazilBernardo Dominic UNQUALIFIED
Juan S AlbaresCanadaStephen Shaw UNQUALIFIED
Julie Y PoquetteItalyAmy Elsner NEW
Antonio F FollerSpainIoni Bowcher RENEWAL
Ashley Z KolmetzBrazilElwin Sharvill NEW
Greenwood C VocelkaBrazilElwin Sharvill UNQUALIFIED
David A PaprockiBrazilAmy Elsner NEW
Emily D InouyeJapanAsiya Javayant QUALIFIED
Clifford X VenereUnited KingdomXuxue Feng PROPOSAL
Frozen Columns
Name
Morrow Z Campain
Aditya P Gillian
Nicolas I Gaucho
Salvatore L Marrier
Munro C Briddick
Izzy J Slusarski
Greenwood J Ruta
Francesco O Foller
Emily Z Figeroa
Sinclair K Shinko
Maria N Paprocki
Clifford C Bolognia
Isabel Z Stockham
Jeanfrancois H Vocelka
Octavia Y Waycott
Jennifer T Rulapaugh
Claire Z Briddick
Jones C Garufi
Isabel M Briddick
Aditya L Caldarera
Cody E Flosi
Silvio F Stenseth
Clifford I Ferencz
Faith K Briddick
Mujtaba L Inouye
Adams V Kusko
Johnson D Bolognia
Ashley P Malet
Antonio G Foller
Smith I Whobrey
Aruna X Tollner
Ashley R Glick
Jennifer O Vocelka
Nicolas N Butt
Clifford O Inouye
Misaki X Malet
Aika K Butt
Maria X Marrier
Smith Q Bolognia
Kaitlin I Nicka
Leon H Figeroa
Kaitlin M Kolmetz
Costa E Amigon
Greenwood Z Bolognia
Francesco M Vocelka
Murillo L Butt
Salvatore N Ruta
Antonio Z Sergi
Smith D Caldarera
Morrow C Morasca
IdCountryDate
1000India2026-10-08
1001India2026-10-08
1002Brazil2026-10-11
1003Italy2026-10-23
1004United Kingdom2026-10-24
1005Spain2026-10-02
1006United Kingdom2026-10-04
1007India2026-10-20
1008Canada2026-10-13
1009Canada2026-10-24
1010Brazil2026-10-14
1011Argentina2026-10-14
1012Australia2026-10-07
1013Germany2026-09-27
1014Spain2026-10-16
1015Italy2026-10-22
1016Germany2026-10-09
1017Germany2026-10-11
1018Germany2026-10-25
1019Italy2026-10-15
1020Germany2026-09-27
1021Brazil2026-10-11
1022Spain2026-10-11
1023Italy2026-10-02
1024India2026-10-11
1025Australia2026-09-30
1026Canada2026-10-17
1027Brazil2026-10-08
1028Spain2026-10-17
1029Spain2026-10-18
1030Spain2026-10-17
1031United Kingdom2026-09-30
1032Australia2026-10-09
1033Japan2026-10-21
1034United Kingdom2026-10-20
1035Germany2026-10-06
1036Germany2026-09-27
1037Brazil2026-10-18
1038Spain2026-10-05
1039Australia2026-10-23
1040Australia2026-10-15
1041Japan2026-10-06
1042Australia2026-10-17
1043Brazil2026-10-19
1044Italy2026-10-22
1045United Kingdom2026-10-19
1046Australia2026-10-20
1047Brazil2026-10-23
1048United Kingdom2026-09-29
1049Germany2026-10-06

On-Demand Data

NameIdCountryDate
Kadeem D Dilliard1000Canada2026-10-22
Aika J Stockham1001Argentina2026-10-11
Juan A Waycott1002Australia2026-10-08
Darci X Slusarski1003Australia2026-10-13
Munro W Inouye1004Germany2026-10-10
Stacey W Gillian1005Argentina2026-10-25
Ashley F Schemmer1006Canada2026-10-09
Wickens Y Ferencz1007India2026-10-04
Jeanfrancois I Wieser1008Germany2026-10-10
Leja K Nestle1009Russia2026-10-06
Emily O Ruta1010United Kingdom2026-10-23
Munro N Shinko1011Brazil2026-10-07
Claire C Malet1012Brazil2026-10-09
Cody S Dilliard1013Germany2026-10-05
Stacey Y Darakjy1014Spain2026-10-16
Aruna T Poquette1015India2026-10-01
Alejandro H Malet1016France2026-09-29
Adams E Sergi1017Brazil2026-10-11
David S Saylors1018India2026-10-07
Costa B Briddick1019Argentina2026-09-27
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Maisha N OldroydIndiaAsiya Javayant PROPOSAL
Adams W PaprockiSpainStephen Shaw QUALIFIED
Arvin V CampainJapanOnyama Limba PROPOSAL
Jeanfrancois J KolmetzSpainAsiya Javayant QUALIFIED
Smith C RimSpainElwin Sharvill UNQUALIFIED
Octavia C BriddickBrazilBernardo Dominic UNQUALIFIED
Arvin Y WieserArgentinaStephen Shaw NEW
Leon Z FollerFranceOnyama Limba NEW
Faith Z StensethAustraliaBernardo Dominic NEW
Rodrigues U MaletArgentinaElwin Sharvill UNQUALIFIED
Jeanfrancois I StensethCanadaIvan Magalhaes RENEWAL
Clifford C RoysterUnited KingdomElwin Sharvill NEW
Salvatore X CaldareraRussiaIoni Bowcher NEW
Sinclair S FigeroaFranceAsiya Javayant UNQUALIFIED
Jones H MaletAustraliaElwin Sharvill NEW
Ashley W FlosiUnited KingdomIoni Bowcher QUALIFIED
Maria O PoquetteArgentinaStephen Shaw RENEWAL
Faith X MaletIndiaAmy Elsner PROPOSAL
Francesco P RutaBrazilIoni Bowcher RENEWAL
Octavia C PerinCanadaIvan Magalhaes UNQUALIFIED
Adams O CaldareraArgentinaAmy Elsner NEW
Salvatore X SlusarskiAustraliaXuxue Feng NEGOTIATION
Kaitlin Y WaycottIndiaStephen Shaw NEGOTIATION
Sinclair V PaprockiBrazilBernardo Dominic QUALIFIED
Johnson F OstroskyFranceOnyama Limba QUALIFIED
Clifford P ChuiIndiaStephen Shaw QUALIFIED
Morrow Y SlusarskiJapanAsiya Javayant QUALIFIED
Ashley Q IturbideFranceAmy Elsner NEW
Clifford J FigeroaGermanyOnyama Limba NEGOTIATION
Arvin A AmigonFranceBernardo Dominic PROPOSAL
James E KuskoJapanAmy Elsner NEGOTIATION
Octavia C KolmetzUnited KingdomIvan Magalhaes PROPOSAL
Munro V StensethRussiaElwin Sharvill NEGOTIATION
Jefferson H AlbaresItalyIoni Bowcher RENEWAL
Misaki J IturbideSpainAsiya Javayant RENEWAL
Izzy B VenereSpainIvan Magalhaes QUALIFIED
Francesco L TollnerItalyIvan Magalhaes UNQUALIFIED
Wickens Q GillianUnited KingdomXuxue Feng NEW
Johnson A WieserFranceStephen Shaw NEGOTIATION
Julie U GlickBrazilElwin Sharvill 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>