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
Leon C RoysterAustraliaAmy Elsner UNQUALIFIED
Mujtaba E WieserJapanElwin Sharvill QUALIFIED
Misaki N FlosiUnited KingdomAnna Fali QUALIFIED
Sinclair M MacleadSpainIvan Magalhaes RENEWAL
Murillo E IturbideArgentinaAnna Fali PROPOSAL
Wickens Y MaletCanadaElwin Sharvill RENEWAL
Faith I SlusarskiSpainAsiya Javayant QUALIFIED
Jefferson Z TollnerSpainXuxue Feng QUALIFIED
Darci A TollnerFranceXuxue Feng NEW
Leon C InouyeSpainIvan Magalhaes UNQUALIFIED
Costa G StensethRussiaIoni Bowcher RENEWAL
Julie Q KuskoRussiaOnyama Limba QUALIFIED
Arvin H BowleyCanadaAmy Elsner UNQUALIFIED
Claire I MacleadUnited KingdomAmy Elsner NEW
Kadeem X FollerRussiaElwin Sharvill RENEWAL
Aika X CampainRussiaAmy Elsner RENEWAL
Greenwood Q NestleFranceXuxue Feng NEW
Aruna F VenereJapanElwin Sharvill PROPOSAL
Aditya U RulapaughAustraliaIvan Magalhaes NEGOTIATION
Ashley M FlosiRussiaElwin Sharvill UNQUALIFIED
David B RulapaughAustraliaAmy Elsner UNQUALIFIED
Darci M NickaSpainAsiya Javayant RENEWAL
Juan D VenereJapanIoni Bowcher RENEWAL
Chavez W RimFranceIvan Magalhaes PROPOSAL
Chavez V FigeroaIndiaOnyama Limba NEW
Leja B AmigonArgentinaBernardo Dominic PROPOSAL
Emily Z RutaFranceIvan Magalhaes QUALIFIED
Jones V RulapaughArgentinaIvan Magalhaes RENEWAL
Silvio X BologniaCanadaXuxue Feng NEGOTIATION
Tony L BologniaAustraliaOnyama Limba UNQUALIFIED
Clifford B MacleadArgentinaAnna Fali RENEWAL
Jones W OldroydFranceIoni Bowcher NEW
Kaitlin I SchemmerGermanyIvan Magalhaes NEW
Jeanfrancois Y KolmetzIndiaBernardo Dominic NEGOTIATION
Jefferson T MorascaSpainXuxue Feng QUALIFIED
Aditya G MacleadFranceXuxue Feng RENEWAL
Alejandro F GlickUnited KingdomBernardo Dominic UNQUALIFIED
Jennifer A StockhamAustraliaOnyama Limba QUALIFIED
Tony N MorascaUnited KingdomAsiya Javayant QUALIFIED
Chavez S FollerCanadaAsiya Javayant NEW
Misaki V PerinRussiaXuxue Feng NEW
Costa S AmigonIndiaIvan Magalhaes NEW
Costa X CaldareraItalyAsiya Javayant NEGOTIATION
Emily S MorascaCanadaElwin Sharvill RENEWAL
Mujtaba O StensethItalyIoni Bowcher QUALIFIED
Nicolas K FollerItalyXuxue Feng UNQUALIFIED
Mayumi G PoquetteUnited KingdomAmy Elsner RENEWAL
Jeanfrancois O GarufiFranceStephen Shaw RENEWAL
Emily Q MacleadRussiaXuxue Feng UNQUALIFIED
Arvin S NestleUnited KingdomOnyama Limba UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Antonio R GlickRussiaStephen Shaw NEGOTIATION
Francesco Q AlbaresUnited KingdomIoni Bowcher RENEWAL
Leon Z VenereJapanBernardo Dominic QUALIFIED
Wickens K MaletJapanXuxue Feng PROPOSAL
Maisha R WieserJapanStephen Shaw NEW
Johnson I MaletRussiaStephen Shaw NEGOTIATION
Izzy U CaudyCanadaStephen Shaw UNQUALIFIED
Juan Z PoquetteBrazilAsiya Javayant NEW
Maria Z FollerSpainBernardo Dominic RENEWAL
Isabel R SergiIndiaAsiya Javayant RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Juan E GauchoAustralia2026-09-25Feiner Bros NEGOTIATION6Anna Fali
1001Kaitlin Q VocelkaRussia2026-09-19Rousseaux, Michael Esq PROPOSAL57Elwin Sharvill
1002Jeanfrancois G GlickAustralia2026-10-04Feiner Bros NEGOTIATION37Ioni Bowcher
1003Aika U DarakjyFrance2026-09-15Commercial Press PROPOSAL29Amy Elsner
1004Jeanfrancois L SergiCanada2026-09-27Printing Dimensions QUALIFIED10Ivan Magalhaes
1005Mayumi R SchemmerBrazil2026-09-27Morlong Associates RENEWAL29Ioni Bowcher
1006Julie Z RutaRussia2026-09-14Chanay, Jeffrey A Esq NEW34Bernardo Dominic
1007Adams Y SergiItaly2026-09-06Chapman, Ross E Esq RENEWAL50Anna Fali
1008Greenwood L RulapaughBrazil2026-09-22Chanay, Jeffrey A Esq NEGOTIATION10Ivan Magalhaes
1009Kaitlin A RoysterRussia2026-09-08Dorl, James J Esq NEW99Ioni Bowcher
1010Ivar Q TollnerSpain2026-10-04Chapman, Ross E Esq NEW78Xuxue Feng
1011Kaitlin R RulapaughCanada2026-09-10Chapman, Ross E Esq UNQUALIFIED47Ioni Bowcher
1012Nicolas T DilliardJapan2026-09-09Rangoni Of Florence NEGOTIATION55Amy Elsner
1013Murillo M RimSpain2026-09-19Chemel, James L Cpa PROPOSAL35Ioni Bowcher
1014Rodrigues H MaletJapan2026-09-20Chapman, Ross E Esq PROPOSAL51Xuxue Feng
1015Costa V FigeroaCanada2026-09-14Dorl, James J Esq NEGOTIATION14Onyama Limba
1016Maisha B WieserSpain2026-09-26Dorl, James J Esq RENEWAL44Amy Elsner
1017Costa P ButtIndia2026-10-03Commercial Press PROPOSAL63Asiya Javayant
1018Salvatore E ChuiSpain2026-09-10Buckley Miller Wright RENEWAL22Elwin Sharvill
1019Jones G DoeRussia2026-09-26Rousseaux, Michael Esq RENEWAL19Bernardo Dominic
1020Julie B OstroskyAustralia2026-09-20Chemel, James L Cpa NEGOTIATION93Onyama Limba
1021Greenwood C GlickAustralia2026-10-04Feltz Printing Service NEGOTIATION41Elwin Sharvill
1022Antonio F ChuiCanada2026-09-21Commercial Press NEW54Stephen Shaw
1023Kadeem L StockhamArgentina2026-09-29Chapman, Ross E Esq NEGOTIATION27Xuxue Feng
1024Alejandro U MaletBrazil2026-09-25Rangoni Of Florence RENEWAL94Anna Fali
1025Emily F BologniaItaly2026-09-13Feiner Bros NEGOTIATION79Bernardo Dominic
1026Chavez J ShinkoFrance2026-09-21Feltz Printing Service NEGOTIATION98Ivan Magalhaes
1027David W VocelkaSpain2026-09-05Rousseaux, Michael Esq NEW74Bernardo Dominic
1028Aika M IturbideBrazil2026-10-03King, Christopher A Esq PROPOSAL18Xuxue Feng
1029Maria H BowleyArgentina2026-09-17Buckley Miller Wright NEGOTIATION86Ioni Bowcher
1030Silvio V GillianGermany2026-09-18Rousseaux, Michael Esq QUALIFIED59Amy Elsner
1031David C GillianUnited Kingdom2026-09-07Buckley Miller Wright QUALIFIED12Xuxue Feng
1032Mayumi E SlusarskiItaly2026-10-03Buckley Miller Wright RENEWAL47Xuxue Feng
1033Stacey L WaycottUnited Kingdom2026-09-22Feiner Bros PROPOSAL52Bernardo Dominic
1034Silvio O GauchoGermany2026-09-15Truhlar And Truhlar Attys QUALIFIED99Ioni Bowcher
1035Ivar L VocelkaSpain2026-10-04Morlong Associates QUALIFIED47Stephen Shaw
1036Misaki X SergiSpain2026-09-20Chanay, Jeffrey A Esq PROPOSAL76Ioni Bowcher
1037Kaitlin F SchemmerItaly2026-09-13Rangoni Of Florence NEW66Onyama Limba
1038Misaki O ButtJapan2026-09-09Chemel, James L Cpa RENEWAL24Ivan Magalhaes
1039Juan J SchemmerCanada2026-09-05Benton, John B Jr RENEWAL11Anna Fali
1040Rodrigues N CaudyItaly2026-09-10King, Christopher A Esq NEGOTIATION98Ivan Magalhaes
1041Maisha F NestleRussia2026-09-07Commercial Press NEW14Ioni Bowcher
1042Mujtaba I MaletUnited Kingdom2026-09-25Rousseaux, Michael Esq RENEWAL49Anna Fali
1043Aruna Z FerenczArgentina2026-09-08Rangoni Of Florence PROPOSAL63Xuxue Feng
1044Murillo C DarakjyIndia2026-09-06Rousseaux, Michael Esq NEGOTIATION14Bernardo Dominic
1045Aika W ChuiFrance2026-10-01Rousseaux, Michael Esq RENEWAL17Bernardo Dominic
1046Stacey X KuskoCanada2026-09-27Feltz Printing Service RENEWAL34Stephen Shaw
1047Salvatore E TollnerGermany2026-09-09Chapman, Ross E Esq PROPOSAL66Anna Fali
1048Misaki K FollerArgentina2026-09-22Chemel, James L Cpa PROPOSAL16Amy Elsner
1049Mayumi L DilliardArgentina2026-09-19Chapman, Ross E Esq NEGOTIATION82Bernardo Dominic
Frozen Rows
NameCountryRepresentativeStatus
Clifford K MaletRussiaIoni Bowcher QUALIFIED
Ashley Y RutaItalyBernardo Dominic PROPOSAL
Nicolas D CaldareraRussiaXuxue Feng NEW
Maisha Y WhobreyUnited KingdomXuxue Feng RENEWAL
Deepesh L NestleCanadaXuxue Feng RENEWAL
Aruna H BologniaArgentinaXuxue Feng NEGOTIATION
Maria K CaldareraFranceIoni Bowcher QUALIFIED
Adams F StensethItalyOnyama Limba QUALIFIED
Julie H SaylorsSpainBernardo Dominic RENEWAL
Ivar J FerenczIndiaElwin Sharvill PROPOSAL
Jefferson R CaudyAustraliaAmy Elsner NEGOTIATION
Aruna P FollerFranceXuxue Feng NEGOTIATION
Aika K ChuiJapanBernardo Dominic RENEWAL
Kadeem R GarufiIndiaAmy Elsner RENEWAL
Silvio I TollnerItalyAnna Fali NEW
Aruna I GauchoItalyStephen Shaw NEGOTIATION
James N VocelkaArgentinaXuxue Feng RENEWAL
David I BologniaJapanBernardo Dominic PROPOSAL
Nicolas E FollerGermanyBernardo Dominic NEGOTIATION
Jeanfrancois L DilliardArgentinaOnyama Limba NEGOTIATION
Aika U RulapaughGermanyOnyama Limba RENEWAL
Leon R NickaBrazilIvan Magalhaes RENEWAL
Alejandro D DarakjyFranceXuxue Feng PROPOSAL
Faith L GlickBrazilAmy Elsner PROPOSAL
Octavia E DarakjyArgentinaAsiya Javayant NEW
Greenwood T FlosiGermanyStephen Shaw NEGOTIATION
Munro B InouyeFranceElwin Sharvill QUALIFIED
Nicolas I FerenczUnited KingdomAmy Elsner PROPOSAL
Jones B TollnerItalyBernardo Dominic QUALIFIED
Kadeem S SaylorsFranceOnyama Limba RENEWAL
Murillo R SaylorsRussiaXuxue Feng RENEWAL
Octavia T InouyeItalyIoni Bowcher RENEWAL
Alejandro J KolmetzGermanyOnyama Limba RENEWAL
Isabel F AlbaresSpainXuxue Feng UNQUALIFIED
Salvatore U BowleyUnited KingdomBernardo Dominic PROPOSAL
Jeanfrancois G WaycottRussiaAmy Elsner RENEWAL
Aika S PoquetteCanadaAnna Fali PROPOSAL
Greenwood Z SergiItalyAmy Elsner NEGOTIATION
Misaki A NestleGermanyOnyama Limba NEW
Claire X VenereSpainElwin Sharvill RENEWAL
Emily U FigeroaRussiaAnna Fali PROPOSAL
Francesco R RulapaughBrazilStephen Shaw QUALIFIED
Murillo G FlosiAustraliaStephen Shaw QUALIFIED
Alejandro W AmigonJapanStephen Shaw NEW
Ashley C StockhamAustraliaStephen Shaw NEW
Morrow J ChuiUnited KingdomAsiya Javayant RENEWAL
Jefferson N GarufiUnited KingdomBernardo Dominic QUALIFIED
Kadeem A MarrierIndiaAmy Elsner UNQUALIFIED
Darci R OldroydSpainXuxue Feng NEW
Maisha S OstroskyJapanOnyama Limba RENEWAL
Frozen Columns
Name
Sinclair D Nicka
Kadeem D Doe
Francesco W Malet
Ricardo C Tollner
Claire A Malet
Ivar M Darakjy
Aika H Saylors
Costa B Amigon
Leja Z Schemmer
Ricardo A Doe
Silvio A Saylors
Adams B Flosi
Kadeem Z Garufi
Emily I Gillian
Deepesh P Kolmetz
Emily X Foller
Adams N Paprocki
Darci M Ostrosky
Misaki Y Caldarera
Jones M Rim
Rodrigues G Nicka
Misaki P Waycott
Juan M Ostrosky
Aika S Poquette
Murillo M Figeroa
Mayumi E Chui
Stacey Z Nicka
Julie K Marrier
Jefferson B Ostrosky
Cody M Albares
Juan E Ostrosky
Adams D Venere
Alejandro S Marrier
Nicolas V Sergi
Morrow Y Glick
Juan A Morasca
Silvio I Gaucho
Jeanfrancois L Briddick
Aditya U Caudy
Silvio A Kolmetz
Isabel V Tollner
Kadeem Y Poquette
Leja Z Vocelka
Costa A Schemmer
Maisha W Darakjy
Murillo M Iturbide
Maria J Morasca
Juan H Vocelka
Nicolas R Amigon
Leon S Foller
IdCountryDate
1000United Kingdom2026-09-24
1001Germany2026-09-23
1002Japan2026-09-22
1003Spain2026-09-10
1004India2026-10-01
1005Spain2026-09-17
1006Argentina2026-09-21
1007France2026-09-29
1008Brazil2026-10-03
1009Spain2026-09-10
1010United Kingdom2026-09-08
1011Russia2026-10-01
1012France2026-09-20
1013Canada2026-09-28
1014United Kingdom2026-09-10
1015Argentina2026-09-22
1016Spain2026-09-15
1017Italy2026-09-19
1018Japan2026-09-23
1019Germany2026-09-30
1020India2026-10-01
1021Japan2026-09-26
1022Spain2026-09-07
1023India2026-09-11
1024France2026-09-16
1025United Kingdom2026-09-19
1026Canada2026-10-04
1027France2026-09-15
1028United Kingdom2026-10-04
1029Japan2026-09-08
1030Japan2026-09-26
1031Argentina2026-09-07
1032Germany2026-09-22
1033Japan2026-09-22
1034Germany2026-09-29
1035Canada2026-09-21
1036Germany2026-10-04
1037Argentina2026-09-15
1038Germany2026-09-22
1039France2026-09-13
1040Spain2026-09-16
1041India2026-09-13
1042Brazil2026-09-18
1043Japan2026-09-06
1044United Kingdom2026-09-16
1045United Kingdom2026-09-29
1046Brazil2026-09-18
1047Germany2026-09-16
1048Brazil2026-09-21
1049Brazil2026-10-03

On-Demand Data

NameIdCountryDate
Murillo X Poquette1000Italy2026-09-14
Octavia W Tollner1001India2026-09-07
Faith C Malet1002India2026-09-18
Nicolas V Marrier1003Japan2026-09-21
Maria K Oldroyd1004United Kingdom2026-09-18
Ivar K Malet1005Spain2026-09-15
Aruna O Rulapaugh1006India2026-09-30
Ivar Y Glick1007India2026-09-20
Clifford G Slusarski1008Spain2026-10-02
Wickens J Morasca1009India2026-09-09
Isabel B Royster1010Spain2026-09-26
Maria V Poquette1011Spain2026-09-22
Morrow S Malet1012Russia2026-09-05
Aruna V Ferencz1013Russia2026-09-26
Tony C Caudy1014Argentina2026-09-29
Munro M Doe1015Russia2026-09-07
Alejandro D Venere1016Spain2026-10-02
Kaitlin P Slusarski1017Russia2026-09-19
Octavia F Vocelka1018Canada2026-09-30
Arvin V Perin1019Spain2026-09-29
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
James C KolmetzGermanyAnna Fali NEW
James Z FerenczRussiaIoni Bowcher PROPOSAL
Jeanfrancois V GarufiArgentinaOnyama Limba NEGOTIATION
Kaitlin T CampainJapanBernardo Dominic RENEWAL
Emily M DarakjyIndiaIoni Bowcher RENEWAL
Salvatore O SchemmerJapanXuxue Feng NEGOTIATION
Isabel G MorascaItalyIoni Bowcher QUALIFIED
Murillo K KuskoRussiaStephen Shaw NEGOTIATION
Faith L RimCanadaXuxue Feng RENEWAL
Faith G GlickRussiaAmy Elsner UNQUALIFIED
Leon C FlosiIndiaAsiya Javayant PROPOSAL
Ivar F PoquetteFranceElwin Sharvill QUALIFIED
Chavez Q FigeroaCanadaStephen Shaw NEGOTIATION
Clifford I CaudyAustraliaBernardo Dominic NEW
James Z RimItalyBernardo Dominic UNQUALIFIED
Faith I FerenczJapanIvan Magalhaes NEGOTIATION
David W CaudyFranceElwin Sharvill NEGOTIATION
Leon K ButtIndiaBernardo Dominic PROPOSAL
Greenwood M FollerArgentinaAnna Fali PROPOSAL
James T GlickArgentinaStephen Shaw RENEWAL
Claire O KolmetzUnited KingdomAsiya Javayant NEGOTIATION
Smith U AlbaresJapanAsiya Javayant QUALIFIED
Maisha C CaldareraUnited KingdomElwin Sharvill QUALIFIED
Jeanfrancois U VocelkaJapanAsiya Javayant PROPOSAL
Wickens K FerenczCanadaXuxue Feng NEGOTIATION
Mujtaba R FollerAustraliaIvan Magalhaes NEGOTIATION
Maisha Q StockhamFranceIvan Magalhaes RENEWAL
Silvio U ButtGermanyStephen Shaw NEGOTIATION
Silvio W DilliardFranceStephen Shaw QUALIFIED
Emily H CampainSpainIvan Magalhaes PROPOSAL
Morrow X MacleadRussiaAnna Fali PROPOSAL
Aditya Y BologniaCanadaElwin Sharvill NEW
Kadeem E TollnerItalyIvan Magalhaes RENEWAL
Isabel F DarakjyArgentinaAnna Fali PROPOSAL
Silvio D IturbideUnited KingdomStephen Shaw PROPOSAL
David K MorascaGermanyIvan Magalhaes PROPOSAL
Wickens X FollerSpainAsiya Javayant PROPOSAL
Silvio K MaletUnited KingdomBernardo Dominic QUALIFIED
Ricardo L SchemmerArgentinaStephen Shaw NEGOTIATION
Faith K NickaItalyAsiya Javayant RENEWAL

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