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
Stacey N VocelkaFranceIoni Bowcher NEW
Rodrigues T FerenczItalyAnna Fali PROPOSAL
Claire K CampainUnited KingdomElwin Sharvill RENEWAL
David W StensethArgentinaOnyama Limba NEW
Arvin N KolmetzArgentinaAsiya Javayant RENEWAL
Ashley U KolmetzUnited KingdomAnna Fali RENEWAL
Greenwood K FerenczBrazilOnyama Limba RENEWAL
Jennifer F VenereRussiaIvan Magalhaes RENEWAL
Misaki N WhobreyAustraliaElwin Sharvill PROPOSAL
Mayumi E MaletFranceXuxue Feng RENEWAL
Salvatore M AlbaresAustraliaAsiya Javayant QUALIFIED
Alejandro G SchemmerSpainElwin Sharvill NEW
Aruna K FollerIndiaAsiya Javayant RENEWAL
Cody H CampainUnited KingdomXuxue Feng NEW
Costa E FollerIndiaElwin Sharvill NEGOTIATION
Adams K RulapaughIndiaXuxue Feng QUALIFIED
Darci R CampainFranceElwin Sharvill QUALIFIED
Costa Y FigeroaBrazilAmy Elsner UNQUALIFIED
Aditya B WieserCanadaIvan Magalhaes UNQUALIFIED
James V AmigonArgentinaIvan Magalhaes QUALIFIED
Greenwood I RulapaughJapanBernardo Dominic NEW
Smith F GlickCanadaElwin Sharvill NEGOTIATION
Chavez J CaldareraItalyAsiya Javayant UNQUALIFIED
Wickens E GarufiArgentinaIvan Magalhaes NEGOTIATION
Leon U CaldareraSpainOnyama Limba QUALIFIED
Aika S BowleyGermanyOnyama Limba RENEWAL
Jefferson S GillianBrazilAsiya Javayant QUALIFIED
Johnson R GlickItalyAmy Elsner NEW
Faith V IturbideItalyAmy Elsner NEGOTIATION
Arvin G MorascaSpainAsiya Javayant PROPOSAL
Rodrigues U IturbideGermanyElwin Sharvill UNQUALIFIED
Rodrigues D ChuiJapanIvan Magalhaes NEW
Emily Q MarrierGermanyAsiya Javayant UNQUALIFIED
Johnson X TollnerRussiaIoni Bowcher PROPOSAL
Stacey J CaldareraJapanXuxue Feng PROPOSAL
David T PoquetteAustraliaIoni Bowcher QUALIFIED
Faith F ShinkoArgentinaXuxue Feng QUALIFIED
Jennifer Q CaldareraJapanAmy Elsner PROPOSAL
Claire X PerinUnited KingdomIvan Magalhaes RENEWAL
Claire X AlbaresArgentinaStephen Shaw NEGOTIATION
Sinclair F StensethFranceAsiya Javayant NEW
Kaitlin O CaldareraBrazilXuxue Feng QUALIFIED
Sinclair E StensethAustraliaBernardo Dominic PROPOSAL
Mujtaba Q CampainUnited KingdomElwin Sharvill PROPOSAL
Jeanfrancois C FollerFranceElwin Sharvill NEGOTIATION
Maria I SchemmerUnited KingdomAnna Fali NEW
Jennifer M SchemmerSpainAmy Elsner NEW
Misaki L IturbideRussiaXuxue Feng PROPOSAL
Smith B BologniaFranceAsiya Javayant QUALIFIED
David V RoysterSpainStephen Shaw PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Francesco M FollerCanadaAnna Fali NEW
Nicolas A DarakjyItalyAmy Elsner PROPOSAL
Darci T BologniaItalyAsiya Javayant QUALIFIED
Alejandro N KolmetzRussiaOnyama Limba QUALIFIED
Sinclair M SergiFranceAnna Fali NEGOTIATION
Aika Q RoysterIndiaIoni Bowcher NEW
Adams T BriddickAustraliaBernardo Dominic RENEWAL
Ivar R RoysterIndiaAsiya Javayant RENEWAL
Francesco H RulapaughItalyAmy Elsner NEW
Leja N KolmetzAustraliaStephen Shaw NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Aika B CaldareraCanada2026-10-04Printing Dimensions PROPOSAL86Asiya Javayant
1001Isabel J NestleGermany2026-10-18Chemel, James L Cpa UNQUALIFIED87Anna Fali
1002Leja Q TollnerArgentina2026-10-15Rousseaux, Michael Esq NEGOTIATION2Bernardo Dominic
1003Antonio P SchemmerRussia2026-10-20Chemel, James L Cpa UNQUALIFIED9Stephen Shaw
1004Greenwood L ShinkoBrazil2026-10-09Feltz Printing Service QUALIFIED70Ioni Bowcher
1005Jennifer U MaletAustralia2026-10-25Benton, John B Jr NEW80Onyama Limba
1006Mayumi W SchemmerAustralia2026-10-02Rangoni Of Florence NEW47Ioni Bowcher
1007Mujtaba I ButtGermany2026-10-26King, Christopher A Esq RENEWAL92Asiya Javayant
1008Alejandro E IturbideRussia2026-10-10Feiner Bros PROPOSAL37Asiya Javayant
1009Darci B BowleyAustralia2026-10-22Rousseaux, Michael Esq NEGOTIATION86Stephen Shaw
1010Nicolas Z DilliardBrazil2026-10-08Truhlar And Truhlar Attys NEW58Asiya Javayant
1011Mayumi J RutaIndia2026-10-22Chemel, James L Cpa UNQUALIFIED65Ioni Bowcher
1012Jones G OldroydJapan2026-10-03Morlong Associates UNQUALIFIED92Onyama Limba
1013Emily O MarrierIndia2026-10-18Rousseaux, Michael Esq NEGOTIATION29Bernardo Dominic
1014Alejandro W GillianRussia2026-10-04Rangoni Of Florence UNQUALIFIED82Stephen Shaw
1015Aruna A BriddickAustralia2026-10-27Rangoni Of Florence QUALIFIED51Asiya Javayant
1016David N SergiSpain2026-10-15Morlong Associates RENEWAL22Ioni Bowcher
1017Chavez R MorascaJapan2026-10-21Morlong Associates NEW43Ioni Bowcher
1018Aditya X TollnerCanada2026-10-29Dorl, James J Esq PROPOSAL26Elwin Sharvill
1019Wickens A PaprockiGermany2026-10-19Chapman, Ross E Esq RENEWAL54Bernardo Dominic
1020Mujtaba L RimGermany2026-10-21Truhlar And Truhlar Attys NEGOTIATION14Bernardo Dominic
1021Ricardo R ButtFrance2026-10-14Buckley Miller Wright NEW68Anna Fali
1022Faith Q MaletBrazil2026-10-30King, Christopher A Esq NEW59Onyama Limba
1023Claire B VocelkaArgentina2026-10-01Morlong Associates UNQUALIFIED65Onyama Limba
1024Morrow Y FigeroaCanada2026-10-25Feiner Bros PROPOSAL2Elwin Sharvill
1025Costa F PoquetteRussia2026-10-12Chemel, James L Cpa PROPOSAL31Elwin Sharvill
1026Francesco S DilliardJapan2026-10-25Chapman, Ross E Esq NEW84Anna Fali
1027Cody P MaletIndia2026-10-29Chemel, James L Cpa RENEWAL37Ivan Magalhaes
1028Octavia T GarufiBrazil2026-10-02Feiner Bros NEW82Stephen Shaw
1029Jones L FollerJapan2026-10-23Printing Dimensions UNQUALIFIED23Bernardo Dominic
1030Rodrigues D WhobreyUnited Kingdom2026-10-26Chanay, Jeffrey A Esq RENEWAL27Stephen Shaw
1031Sinclair H StockhamCanada2026-10-13Buckley Miller Wright NEGOTIATION27Stephen Shaw
1032Kaitlin W RutaRussia2026-10-09King, Christopher A Esq PROPOSAL68Xuxue Feng
1033Darci B BologniaAustralia2026-10-01Benton, John B Jr UNQUALIFIED55Amy Elsner
1034Alejandro O RutaUnited Kingdom2026-10-22King, Christopher A Esq UNQUALIFIED46Xuxue Feng
1035Deepesh H DilliardArgentina2026-10-20Chapman, Ross E Esq PROPOSAL45Elwin Sharvill
1036Francesco W RulapaughIndia2026-10-10Buckley Miller Wright UNQUALIFIED16Elwin Sharvill
1037Leja S RutaSpain2026-10-21Chanay, Jeffrey A Esq RENEWAL18Onyama Limba
1038Emily N AmigonArgentina2026-10-14Chemel, James L Cpa NEGOTIATION25Amy Elsner
1039Ivar I GarufiAustralia2026-10-22Truhlar And Truhlar Attys NEGOTIATION58Elwin Sharvill
1040Salvatore Z AlbaresIndia2026-10-23Morlong Associates QUALIFIED82Stephen Shaw
1041David A SlusarskiRussia2026-10-01Buckley Miller Wright RENEWAL42Ioni Bowcher
1042Murillo L MarrierIndia2026-10-29Benton, John B Jr NEGOTIATION76Anna Fali
1043Mujtaba G OldroydItaly2026-10-22Truhlar And Truhlar Attys NEGOTIATION66Asiya Javayant
1044Kaitlin G CaldareraFrance2026-10-20Feltz Printing Service NEW80Elwin Sharvill
1045Rodrigues E AlbaresJapan2026-10-13Chemel, James L Cpa RENEWAL69Anna Fali
1046Silvio O FigeroaUnited Kingdom2026-10-06Chemel, James L Cpa NEW22Xuxue Feng
1047Ivar F ChuiIndia2026-10-04Rousseaux, Michael Esq QUALIFIED95Ioni Bowcher
1048Chavez Y BologniaArgentina2026-10-02Buckley Miller Wright QUALIFIED67Xuxue Feng
1049Misaki M MarrierIndia2026-10-21Rangoni Of Florence UNQUALIFIED6Xuxue Feng
Frozen Rows
NameCountryRepresentativeStatus
Costa R PaprockiRussiaElwin Sharvill NEGOTIATION
Sinclair P MaletJapanXuxue Feng NEGOTIATION
Julie H NestleUnited KingdomAnna Fali NEW
Julie I AmigonRussiaAmy Elsner QUALIFIED
Misaki F FollerUnited KingdomAsiya Javayant RENEWAL
Juan S DarakjyRussiaOnyama Limba PROPOSAL
Deepesh K CampainUnited KingdomAnna Fali RENEWAL
Deepesh O OstroskyArgentinaAnna Fali NEGOTIATION
Deepesh Z RimAustraliaIvan Magalhaes UNQUALIFIED
Jefferson V GauchoGermanyIoni Bowcher RENEWAL
Leja I MarrierFranceAsiya Javayant PROPOSAL
Sinclair N BologniaFranceAnna Fali UNQUALIFIED
Morrow C ButtCanadaAnna Fali NEW
Maisha Q ShinkoJapanBernardo Dominic QUALIFIED
Rodrigues K CaudyIndiaAnna Fali QUALIFIED
Claire Y AlbaresAustraliaAnna Fali UNQUALIFIED
Claire J SlusarskiItalyStephen Shaw NEW
Cody Y GarufiUnited KingdomStephen Shaw NEGOTIATION
Leon N DarakjyJapanAsiya Javayant PROPOSAL
Maria H RulapaughJapanStephen Shaw NEGOTIATION
Jones P WaycottRussiaIoni Bowcher UNQUALIFIED
Alejandro X DoeRussiaStephen Shaw RENEWAL
Antonio N TollnerAustraliaAsiya Javayant RENEWAL
Costa X CaldareraBrazilAnna Fali NEGOTIATION
Chavez L StockhamJapanAmy Elsner PROPOSAL
Salvatore M MarrierItalyBernardo Dominic RENEWAL
Jennifer I RulapaughGermanyIoni Bowcher UNQUALIFIED
Johnson X RimArgentinaElwin Sharvill RENEWAL
Greenwood A InouyeSpainIvan Magalhaes NEW
Ivar S GlickJapanAsiya Javayant NEGOTIATION
Jeanfrancois A RimItalyAnna Fali PROPOSAL
Murillo Q FlosiAustraliaAnna Fali QUALIFIED
Clifford N MaletGermanyStephen Shaw PROPOSAL
Francesco U MacleadFranceIvan Magalhaes NEW
Julie Q FollerCanadaStephen Shaw NEW
Aika T ChuiFranceElwin Sharvill QUALIFIED
Octavia E CaldareraJapanBernardo Dominic PROPOSAL
Emily C PoquetteRussiaAmy Elsner PROPOSAL
Julie U MacleadSpainElwin Sharvill NEW
Jefferson S FerenczGermanyStephen Shaw NEGOTIATION
Emily F KolmetzAustraliaOnyama Limba PROPOSAL
Rodrigues W DilliardCanadaIvan Magalhaes QUALIFIED
Leja X GillianAustraliaXuxue Feng PROPOSAL
Silvio Y ShinkoBrazilAsiya Javayant QUALIFIED
Kadeem A ChuiJapanXuxue Feng NEGOTIATION
Aruna P DoeJapanOnyama Limba NEW
Aruna E DoeItalyElwin Sharvill NEGOTIATION
Johnson E InouyeArgentinaOnyama Limba PROPOSAL
Jefferson R GauchoGermanyXuxue Feng RENEWAL
Maisha F WhobreyItalyAsiya Javayant UNQUALIFIED
Frozen Columns
Name
Stacey C Royster
Ivar J Whobrey
Jennifer U Ostrosky
Kaitlin L Maclead
Smith X Wieser
James C Morasca
Leja X Amigon
Leja X Darakjy
Aika U Dilliard
Aditya V Gillian
Sinclair Q Shinko
Morrow T Garufi
Ivar K Glick
James N Amigon
Morrow Z Rim
Francesco T Caudy
Emily O Chui
Mayumi H Poquette
Smith D Schemmer
Julie S Morasca
Ivar F Dilliard
Leon Z Stenseth
Kaitlin E Inouye
Kaitlin T Flosi
Alejandro N Nicka
Mayumi L Morasca
Faith O Paprocki
Arvin W Campain
Silvio N Bowley
Silvio M Figeroa
Clifford Z Kolmetz
Cody X Kusko
Chavez W Rim
Tony R Maclead
Darci A Amigon
Smith X Caldarera
Stacey Q Saylors
Leon B Nestle
Jennifer X Ostrosky
Alejandro N Kolmetz
Smith E Oldroyd
Isabel P Malet
Deepesh K Oldroyd
Maisha Y Malet
Johnson O Poquette
Wickens L Figeroa
Munro V Rulapaugh
Cody K Gillian
Leja Z Marrier
Juan N Kolmetz
IdCountryDate
1000United Kingdom2026-10-02
1001Italy2026-10-01
1002Japan2026-10-01
1003United Kingdom2026-10-16
1004France2026-10-24
1005Russia2026-10-08
1006India2026-10-30
1007Spain2026-10-15
1008Germany2026-10-03
1009United Kingdom2026-10-14
1010Argentina2026-10-20
1011India2026-10-24
1012United Kingdom2026-10-09
1013Russia2026-10-19
1014France2026-10-09
1015Argentina2026-10-21
1016Italy2026-10-16
1017Canada2026-10-05
1018Australia2026-10-21
1019Canada2026-10-15
1020Germany2026-10-24
1021Canada2026-10-11
1022Argentina2026-10-30
1023India2026-10-09
1024Argentina2026-10-30
1025Italy2026-10-02
1026Japan2026-10-14
1027Italy2026-10-02
1028Brazil2026-10-11
1029Spain2026-10-11
1030Argentina2026-10-03
1031Japan2026-10-05
1032Brazil2026-10-08
1033Australia2026-10-18
1034Japan2026-10-15
1035Japan2026-10-06
1036Russia2026-10-16
1037Russia2026-10-20
1038India2026-10-18
1039France2026-10-23
1040United Kingdom2026-10-25
1041France2026-10-02
1042Canada2026-10-19
1043United Kingdom2026-10-21
1044Australia2026-10-01
1045Australia2026-10-17
1046Spain2026-10-24
1047Australia2026-10-19
1048Russia2026-10-05
1049Australia2026-10-17

On-Demand Data

NameIdCountryDate
Maisha B Oldroyd1000Australia2026-10-08
Octavia M Ruta1001Australia2026-10-25
Octavia J Malet1002India2026-10-28
Jennifer S Ostrosky1003Italy2026-10-03
Emily G Malet1004Brazil2026-10-13
Jeanfrancois H Nestle1005United Kingdom2026-10-22
Mayumi B Schemmer1006India2026-10-04
Isabel V Butt1007Brazil2026-10-12
Morrow J Royster1008Japan2026-10-22
Sinclair L Royster1009Canada2026-10-21
Silvio O Doe1010India2026-10-22
Chavez V Rulapaugh1011Australia2026-10-27
Jones W Bolognia1012France2026-10-05
Octavia V Saylors1013Canada2026-10-29
Johnson K Malet1014Canada2026-10-17
Alejandro T Kolmetz1015Argentina2026-10-25
Sinclair U Kolmetz1016Canada2026-10-21
Alejandro K Malet1017Italy2026-10-20
Jefferson G Saylors1018Japan2026-10-23
Cody G Bowley1019Germany2026-10-12
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Greenwood W GauchoAustraliaAsiya Javayant NEW
Leon J ShinkoSpainBernardo Dominic UNQUALIFIED
Maisha S FerenczItalyOnyama Limba NEW
Antonio V BowleyRussiaAnna Fali NEW
Johnson R ButtRussiaAsiya Javayant NEGOTIATION
Morrow U WhobreySpainElwin Sharvill NEW
Faith K MaletUnited KingdomOnyama Limba PROPOSAL
Leja R ChuiRussiaOnyama Limba UNQUALIFIED
Johnson J ChuiRussiaElwin Sharvill RENEWAL
Arvin C ChuiSpainBernardo Dominic NEW
Ivar P NickaFranceBernardo Dominic UNQUALIFIED
Izzy L InouyeIndiaAsiya Javayant UNQUALIFIED
Costa W AmigonGermanyXuxue Feng NEGOTIATION
Ivar F DarakjyUnited KingdomAsiya Javayant UNQUALIFIED
Wickens U BologniaFranceAmy Elsner RENEWAL
Cody B KolmetzArgentinaAnna Fali RENEWAL
Misaki G InouyeItalyIoni Bowcher UNQUALIFIED
Ricardo Q WaycottFranceOnyama Limba RENEWAL
Juan U VenereItalyElwin Sharvill UNQUALIFIED
Nicolas V ButtJapanOnyama Limba NEGOTIATION
Ricardo J RimSpainOnyama Limba QUALIFIED
Ivar Q OstroskyArgentinaAsiya Javayant NEGOTIATION
Tony T RimJapanIoni Bowcher NEW
Salvatore O ChuiSpainAsiya Javayant UNQUALIFIED
Faith X FlosiFranceAnna Fali RENEWAL
Maria X OstroskyAustraliaIoni Bowcher NEW
Johnson N MacleadRussiaElwin Sharvill PROPOSAL
Kadeem F OstroskyItalyBernardo Dominic PROPOSAL
Izzy R CampainGermanyIvan Magalhaes PROPOSAL
Deepesh A RoysterSpainOnyama Limba NEGOTIATION
Tony G KuskoCanadaAnna Fali NEGOTIATION
Mayumi Q FlosiSpainOnyama Limba PROPOSAL
Murillo E PaprockiCanadaElwin Sharvill RENEWAL
Munro J GlickJapanIoni Bowcher RENEWAL
Clifford S AmigonSpainAsiya Javayant PROPOSAL
Jones E RulapaughJapanXuxue Feng NEW
Leja M BowleyFranceAsiya Javayant QUALIFIED
Johnson T RoysterUnited KingdomIoni Bowcher NEGOTIATION
Deepesh B DoeUnited KingdomAmy Elsner NEGOTIATION
Stacey S PoquetteIndiaIvan Magalhaes PROPOSAL

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