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
Ashley M SchemmerRussiaElwin Sharvill NEW
Maisha H WaycottAustraliaAnna Fali UNQUALIFIED
Mayumi X WieserSpainAsiya Javayant UNQUALIFIED
Juan H NickaUnited KingdomAmy Elsner QUALIFIED
Mayumi E WaycottRussiaStephen Shaw NEGOTIATION
Sinclair I VocelkaRussiaIoni Bowcher NEW
Morrow A TollnerJapanStephen Shaw NEGOTIATION
Izzy C StockhamUnited KingdomAsiya Javayant NEW
Faith D WaycottRussiaAsiya Javayant PROPOSAL
Morrow B NestleArgentinaAnna Fali RENEWAL
Chavez P RoysterFranceOnyama Limba UNQUALIFIED
Francesco D RulapaughArgentinaIoni Bowcher NEGOTIATION
Mujtaba V IturbideIndiaOnyama Limba UNQUALIFIED
Ivar T BowleyItalyBernardo Dominic PROPOSAL
Munro D DoeRussiaOnyama Limba NEW
Ashley R BowleyGermanyAmy Elsner RENEWAL
Adams U SchemmerItalyAnna Fali PROPOSAL
Deepesh V NestleJapanBernardo Dominic RENEWAL
Francesco B DarakjyGermanyIvan Magalhaes UNQUALIFIED
Sinclair V KuskoBrazilIoni Bowcher NEW
Kadeem U SlusarskiIndiaAnna Fali QUALIFIED
Clifford G CampainBrazilAsiya Javayant NEW
Misaki R BriddickRussiaAnna Fali UNQUALIFIED
Silvio S RoysterAustraliaStephen Shaw QUALIFIED
Deepesh D MarrierItalyAmy Elsner NEW
Rodrigues W DilliardFranceIoni Bowcher UNQUALIFIED
Cody H CaudyFranceElwin Sharvill NEGOTIATION
Claire D RimIndiaAmy Elsner QUALIFIED
Darci O AlbaresUnited KingdomElwin Sharvill NEW
Mayumi J BowleyArgentinaStephen Shaw QUALIFIED
Aika S MorascaSpainAmy Elsner UNQUALIFIED
Greenwood J GlickJapanStephen Shaw UNQUALIFIED
Jones T ChuiItalyElwin Sharvill PROPOSAL
Clifford H OldroydGermanyAnna Fali NEW
Jennifer J GlickSpainElwin Sharvill PROPOSAL
Tony R FollerBrazilAnna Fali QUALIFIED
Leja Y GarufiIndiaStephen Shaw UNQUALIFIED
Chavez H MaletRussiaElwin Sharvill RENEWAL
Aditya A GarufiCanadaOnyama Limba QUALIFIED
Costa N RoysterCanadaOnyama Limba RENEWAL
Silvio Z MaletCanadaIvan Magalhaes QUALIFIED
Octavia O DilliardBrazilXuxue Feng NEW
Murillo P MarrierItalyIvan Magalhaes NEGOTIATION
Antonio G FerenczUnited KingdomXuxue Feng NEW
Jones U MaletSpainIvan Magalhaes NEGOTIATION
Munro X TollnerUnited KingdomStephen Shaw RENEWAL
Aika O FlosiJapanBernardo Dominic QUALIFIED
Maria X GarufiSpainOnyama Limba QUALIFIED
Francesco F DarakjyArgentinaOnyama Limba UNQUALIFIED
Emily F KolmetzBrazilBernardo Dominic UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Maisha Z IturbideAustraliaXuxue Feng UNQUALIFIED
Jones G BowleyGermanyAsiya Javayant NEGOTIATION
Isabel U DarakjyCanadaAnna Fali PROPOSAL
Chavez E VocelkaSpainStephen Shaw NEW
Ricardo O FigeroaFranceElwin Sharvill UNQUALIFIED
Jefferson W SergiFranceElwin Sharvill NEW
James E VocelkaGermanyStephen Shaw RENEWAL
Tony Z CaldareraRussiaAnna Fali UNQUALIFIED
Emily H FigeroaSpainAsiya Javayant UNQUALIFIED
Ashley H KuskoArgentinaStephen Shaw PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Misaki G FerenczGermany2026-09-02Commercial Press NEGOTIATION28Onyama Limba
1001Jones O KolmetzFrance2026-08-28Chapman, Ross E Esq NEW66Anna Fali
1002Silvio E KolmetzArgentina2026-08-27King, Christopher A Esq NEGOTIATION8Asiya Javayant
1003Cody P AmigonRussia2026-09-08Chanay, Jeffrey A Esq NEW62Asiya Javayant
1004Morrow U FigeroaFrance2026-09-15Truhlar And Truhlar Attys PROPOSAL7Bernardo Dominic
1005Stacey Y InouyeIndia2026-09-02Rousseaux, Michael Esq RENEWAL97Asiya Javayant
1006David Q StockhamSpain2026-09-11Dorl, James J Esq UNQUALIFIED32Xuxue Feng
1007Alejandro B AlbaresAustralia2026-09-02Rangoni Of Florence PROPOSAL96Ivan Magalhaes
1008Misaki B SergiIndia2026-09-17Chanay, Jeffrey A Esq PROPOSAL35Onyama Limba
1009Jefferson K PoquetteIndia2026-08-27Commercial Press QUALIFIED54Amy Elsner
1010Smith J RutaFrance2026-09-20Commercial Press RENEWAL92Asiya Javayant
1011Julie R OldroydArgentina2026-08-24Rangoni Of Florence UNQUALIFIED81Bernardo Dominic
1012Jones R KolmetzUnited Kingdom2026-08-27Benton, John B Jr UNQUALIFIED74Ivan Magalhaes
1013Francesco O GarufiCanada2026-09-04Rangoni Of Florence NEGOTIATION93Asiya Javayant
1014Stacey H AlbaresSpain2026-09-10Chapman, Ross E Esq QUALIFIED48Asiya Javayant
1015Izzy J CampainBrazil2026-09-21Buckley Miller Wright PROPOSAL94Elwin Sharvill
1016Jefferson Y FollerSpain2026-08-31Truhlar And Truhlar Attys UNQUALIFIED57Stephen Shaw
1017Claire C StensethArgentina2026-09-07Feiner Bros UNQUALIFIED55Onyama Limba
1018Emily T NestleJapan2026-08-30Rangoni Of Florence QUALIFIED81Elwin Sharvill
1019Francesco S IturbideSpain2026-08-28Printing Dimensions PROPOSAL82Stephen Shaw
1020Johnson D StockhamItaly2026-08-27Rousseaux, Michael Esq RENEWAL19Elwin Sharvill
1021Isabel G CampainIndia2026-09-10Rousseaux, Michael Esq NEGOTIATION23Ioni Bowcher
1022Deepesh H RutaAustralia2026-09-02Feiner Bros PROPOSAL40Stephen Shaw
1023Kaitlin C GillianSpain2026-09-22Dorl, James J Esq UNQUALIFIED10Ivan Magalhaes
1024Isabel G FerenczSpain2026-08-24Chapman, Ross E Esq QUALIFIED44Xuxue Feng
1025Ashley Z VenereIndia2026-09-19Feiner Bros UNQUALIFIED98Elwin Sharvill
1026Mujtaba V GauchoItaly2026-09-01Buckley Miller Wright UNQUALIFIED51Asiya Javayant
1027Ricardo P GarufiRussia2026-08-30Dorl, James J Esq PROPOSAL14Anna Fali
1028Jones T OstroskyCanada2026-09-06Dorl, James J Esq QUALIFIED12Asiya Javayant
1029Deepesh I SlusarskiBrazil2026-09-16Rangoni Of Florence NEGOTIATION46Amy Elsner
1030Juan R AmigonIndia2026-09-04Truhlar And Truhlar Attys PROPOSAL81Amy Elsner
1031Izzy E FollerUnited Kingdom2026-09-09Commercial Press UNQUALIFIED79Ivan Magalhaes
1032Kadeem P CampainSpain2026-08-29Feltz Printing Service NEGOTIATION9Onyama Limba
1033Alejandro B GarufiGermany2026-09-01Truhlar And Truhlar Attys RENEWAL21Bernardo Dominic
1034Munro G TollnerJapan2026-08-31Commercial Press RENEWAL76Xuxue Feng
1035Morrow L GlickUnited Kingdom2026-09-10Rousseaux, Michael Esq RENEWAL96Amy Elsner
1036Mayumi K SergiBrazil2026-09-09Chanay, Jeffrey A Esq NEGOTIATION62Onyama Limba
1037Arvin W DoeCanada2026-09-11Chemel, James L Cpa UNQUALIFIED36Bernardo Dominic
1038James D OldroydItaly2026-09-08King, Christopher A Esq UNQUALIFIED7Onyama Limba
1039Chavez F KuskoIndia2026-09-22King, Christopher A Esq RENEWAL13Ivan Magalhaes
1040David X WaycottBrazil2026-08-28Truhlar And Truhlar Attys PROPOSAL45Asiya Javayant
1041Faith B AmigonJapan2026-09-21King, Christopher A Esq UNQUALIFIED80Anna Fali
1042Ivar R KuskoAustralia2026-09-02Benton, John B Jr QUALIFIED51Xuxue Feng
1043Silvio H ShinkoFrance2026-09-08Truhlar And Truhlar Attys PROPOSAL84Stephen Shaw
1044Jennifer M GauchoItaly2026-09-17King, Christopher A Esq QUALIFIED64Amy Elsner
1045Jennifer B StockhamSpain2026-09-01Printing Dimensions RENEWAL29Stephen Shaw
1046Isabel U BologniaUnited Kingdom2026-09-08Buckley Miller Wright RENEWAL43Onyama Limba
1047Mayumi T InouyeCanada2026-09-09King, Christopher A Esq NEGOTIATION32Xuxue Feng
1048Kaitlin N TollnerUnited Kingdom2026-09-22Feiner Bros QUALIFIED14Xuxue Feng
1049Jennifer Z FlosiSpain2026-08-31Chemel, James L Cpa QUALIFIED23Ioni Bowcher
Frozen Rows
NameCountryRepresentativeStatus
Aditya Z GarufiJapanOnyama Limba PROPOSAL
Mujtaba A MaletRussiaIvan Magalhaes NEGOTIATION
Aruna R CaudyArgentinaBernardo Dominic NEW
Faith A ChuiIndiaOnyama Limba UNQUALIFIED
Mujtaba S OldroydIndiaBernardo Dominic PROPOSAL
Ashley R TollnerUnited KingdomBernardo Dominic UNQUALIFIED
Juan S MorascaItalyAsiya Javayant NEW
Greenwood S ChuiArgentinaAnna Fali UNQUALIFIED
Leon I MorascaUnited KingdomAnna Fali UNQUALIFIED
Leja R StockhamBrazilIoni Bowcher RENEWAL
Deepesh P MaletFranceAmy Elsner NEGOTIATION
Clifford B KuskoBrazilIoni Bowcher NEW
Nicolas I BriddickSpainAsiya Javayant NEW
Misaki J BowleyAustraliaOnyama Limba QUALIFIED
Murillo C NestleGermanyOnyama Limba RENEWAL
Jeanfrancois L SlusarskiArgentinaAmy Elsner RENEWAL
Isabel E MaletFranceStephen Shaw UNQUALIFIED
James C OldroydRussiaElwin Sharvill UNQUALIFIED
Silvio F NickaIndiaBernardo Dominic PROPOSAL
Izzy N BowleyJapanIoni Bowcher RENEWAL
Leon X MaletBrazilXuxue Feng UNQUALIFIED
Faith B VenereGermanyStephen Shaw QUALIFIED
Aruna C WieserCanadaElwin Sharvill UNQUALIFIED
Francesco W DoeCanadaXuxue Feng NEW
James U GauchoRussiaIvan Magalhaes NEW
Misaki B OldroydSpainXuxue Feng PROPOSAL
Chavez A NickaUnited KingdomAnna Fali NEW
Stacey W DarakjyUnited KingdomOnyama Limba QUALIFIED
Greenwood O StockhamRussiaIvan Magalhaes PROPOSAL
Leja U KuskoUnited KingdomIvan Magalhaes UNQUALIFIED
Mujtaba S SaylorsSpainAmy Elsner NEGOTIATION
Greenwood T ShinkoArgentinaAnna Fali NEGOTIATION
Costa Q FigeroaGermanyIoni Bowcher QUALIFIED
Maisha O RimGermanyAsiya Javayant UNQUALIFIED
Smith R RoysterArgentinaIoni Bowcher PROPOSAL
David N CaudyIndiaStephen Shaw UNQUALIFIED
Arvin D FlosiUnited KingdomAnna Fali QUALIFIED
Deepesh R FlosiSpainStephen Shaw UNQUALIFIED
Aditya Y InouyeSpainAsiya Javayant PROPOSAL
Clifford F ButtRussiaAsiya Javayant PROPOSAL
Octavia O KuskoRussiaBernardo Dominic NEGOTIATION
Salvatore H FlosiSpainAmy Elsner RENEWAL
Darci J ChuiSpainOnyama Limba NEGOTIATION
Jennifer U MaletBrazilBernardo Dominic PROPOSAL
Smith P VocelkaRussiaAsiya Javayant QUALIFIED
Maisha U MacleadArgentinaBernardo Dominic PROPOSAL
Morrow E MarrierAustraliaBernardo Dominic PROPOSAL
Ashley K KolmetzIndiaAsiya Javayant NEGOTIATION
David T MaletFranceOnyama Limba QUALIFIED
Jennifer H RoysterArgentinaAnna Fali NEW
Frozen Columns
Name
Cody B Paprocki
Tony V Rim
Adams T Perin
Mayumi K Royster
Smith D Caudy
Leja A Glick
Emily J Vocelka
Faith Q Gillian
Claire A Malet
Maisha Z Nicka
Leon P Foller
Darci Y Kolmetz
Salvatore T Ruta
Aruna F Maclead
Mayumi W Chui
Juan L Glick
Leja Y Vocelka
Alejandro X Saylors
Emily J Campain
Aditya P Briddick
Izzy N Oldroyd
Jennifer I Nicka
Sinclair P Foller
Faith G Glick
Alejandro Y Rim
Greenwood O Flosi
Francesco V Nestle
Deepesh A Kusko
Jennifer G Gillian
Jefferson Y Shinko
Juan I Kusko
Wickens D Schemmer
Francesco L Briddick
Smith A Paprocki
Juan N Albares
Claire Z Nestle
Aruna E Campain
Aditya K Venere
Faith G Shinko
James C Morasca
Chavez B Poquette
Jeanfrancois P Chui
Salvatore H Perin
Julie P Nicka
Aditya D Venere
Jones S Flosi
Morrow F Schemmer
Leon M Nicka
Jeanfrancois W Inouye
Clifford E Gillian
IdCountryDate
1000Italy2026-09-14
1001Brazil2026-09-04
1002France2026-08-25
1003India2026-08-30
1004France2026-09-20
1005Germany2026-09-07
1006United Kingdom2026-09-13
1007United Kingdom2026-09-21
1008Spain2026-09-15
1009Russia2026-09-06
1010Italy2026-09-13
1011Brazil2026-09-17
1012Australia2026-09-19
1013Russia2026-09-13
1014Brazil2026-09-12
1015India2026-09-02
1016United Kingdom2026-09-04
1017India2026-09-21
1018Argentina2026-08-24
1019Russia2026-09-08
1020India2026-09-21
1021Brazil2026-09-06
1022Spain2026-09-18
1023France2026-08-25
1024Italy2026-09-04
1025Canada2026-09-21
1026United Kingdom2026-09-12
1027Canada2026-09-07
1028Spain2026-09-16
1029Canada2026-09-15
1030Argentina2026-08-28
1031Italy2026-09-03
1032Spain2026-08-24
1033France2026-09-17
1034Argentina2026-08-27
1035Germany2026-08-24
1036Brazil2026-08-26
1037India2026-08-29
1038United Kingdom2026-09-21
1039United Kingdom2026-09-22
1040United Kingdom2026-09-20
1041France2026-09-02
1042Russia2026-09-14
1043Germany2026-09-18
1044Italy2026-09-01
1045Spain2026-08-24
1046Argentina2026-08-30
1047Germany2026-09-18
1048Canada2026-09-10
1049Italy2026-09-05

On-Demand Data

NameIdCountryDate
Clifford H Poquette1000Russia2026-09-06
Misaki V Nicka1001Germany2026-09-18
Ashley H Maclead1002Spain2026-09-12
Kaitlin U Rulapaugh1003France2026-09-13
Maria V Maclead1004Spain2026-09-10
Greenwood S Iturbide1005Australia2026-09-07
Jones T Rulapaugh1006Argentina2026-09-19
Maria Y Nestle1007United Kingdom2026-09-21
Sinclair M Paprocki1008France2026-09-06
Julie N Ruta1009India2026-09-04
Juan V Ostrosky1010Brazil2026-09-03
Darci U Saylors1011Japan2026-09-08
Isabel O Nicka1012Germany2026-08-27
Maria H Schemmer1013India2026-09-07
Munro P Garufi1014Canada2026-08-26
Adams I Iturbide1015India2026-09-17
Jennifer M Schemmer1016France2026-09-18
Aika B Paprocki1017Australia2026-09-19
Silvio A Rulapaugh1018Argentina2026-09-01
Arvin C Morasca1019United Kingdom2026-08-27
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Mujtaba Q NestleIndiaAsiya Javayant NEW
Arvin I SaylorsBrazilElwin Sharvill NEW
Claire K MorascaBrazilIvan Magalhaes NEGOTIATION
Aika E IturbideItalyAnna Fali NEGOTIATION
Isabel I BriddickItalyIoni Bowcher PROPOSAL
James X OldroydRussiaStephen Shaw PROPOSAL
Greenwood H VocelkaGermanyIvan Magalhaes NEGOTIATION
Murillo I OldroydUnited KingdomElwin Sharvill NEGOTIATION
Francesco J SlusarskiRussiaAsiya Javayant PROPOSAL
Murillo L RutaBrazilAsiya Javayant QUALIFIED
Deepesh Y GillianJapanIoni Bowcher QUALIFIED
Juan U ChuiUnited KingdomStephen Shaw NEW
Johnson D CampainIndiaStephen Shaw PROPOSAL
Jennifer O BowleyJapanXuxue Feng NEW
Maisha O IturbideSpainBernardo Dominic RENEWAL
Isabel B StockhamIndiaXuxue Feng NEW
Clifford E DarakjyCanadaOnyama Limba NEW
Alejandro W MarrierFranceAsiya Javayant QUALIFIED
Morrow R VocelkaUnited KingdomAmy Elsner PROPOSAL
Johnson W PerinAustraliaIoni Bowcher PROPOSAL
Salvatore Y GauchoCanadaElwin Sharvill RENEWAL
Nicolas T RimJapanOnyama Limba NEW
Leja Y MacleadGermanyElwin Sharvill UNQUALIFIED
Aika L GlickJapanBernardo Dominic RENEWAL
Isabel L VocelkaBrazilIvan Magalhaes UNQUALIFIED
Darci P OstroskyBrazilBernardo Dominic RENEWAL
Aruna T GlickFranceOnyama Limba PROPOSAL
Smith I DoeJapanBernardo Dominic PROPOSAL
Morrow K BowleyFranceElwin Sharvill RENEWAL
Clifford K PaprockiArgentinaIvan Magalhaes NEGOTIATION
Juan N PerinGermanyIvan Magalhaes NEGOTIATION
Julie V SchemmerIndiaAsiya Javayant PROPOSAL
Nicolas D FigeroaRussiaAsiya Javayant RENEWAL
Murillo V FigeroaGermanyStephen Shaw QUALIFIED
Jennifer W StockhamArgentinaOnyama Limba UNQUALIFIED
Clifford W SchemmerUnited KingdomOnyama Limba UNQUALIFIED
Costa K TollnerJapanIoni Bowcher NEGOTIATION
Aditya X SchemmerJapanIvan Magalhaes QUALIFIED
Aditya V MaletCanadaAnna Fali NEW
Sinclair B FerenczIndiaBernardo Dominic 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>