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
Octavia K ButtIndiaAsiya Javayant NEW
Tony T ShinkoBrazilAsiya Javayant NEGOTIATION
Julie K SlusarskiUnited KingdomBernardo Dominic RENEWAL
David L StensethRussiaStephen Shaw PROPOSAL
David A RimBrazilAmy Elsner RENEWAL
Antonio M RulapaughRussiaOnyama Limba RENEWAL
Alejandro N CaudyIndiaOnyama Limba QUALIFIED
Johnson X NickaBrazilOnyama Limba PROPOSAL
Smith K RimCanadaIoni Bowcher QUALIFIED
Octavia N CampainUnited KingdomElwin Sharvill NEW
Jennifer G WhobreyRussiaAnna Fali PROPOSAL
Aditya R AmigonAustraliaBernardo Dominic NEW
Juan H CaudyUnited KingdomAmy Elsner NEW
Ricardo F BologniaBrazilIvan Magalhaes PROPOSAL
Deepesh G FigeroaUnited KingdomIoni Bowcher NEGOTIATION
Munro D FlosiIndiaAnna Fali PROPOSAL
Juan M RimSpainElwin Sharvill PROPOSAL
Ricardo A PaprockiBrazilAsiya Javayant NEW
Chavez L ChuiItalyAnna Fali UNQUALIFIED
Silvio U WhobreyGermanyIoni Bowcher QUALIFIED
Maisha G CaldareraArgentinaStephen Shaw RENEWAL
Kadeem Z DarakjyRussiaAmy Elsner NEGOTIATION
Misaki Q GarufiUnited KingdomIvan Magalhaes QUALIFIED
Stacey J NickaIndiaAsiya Javayant QUALIFIED
Silvio U InouyeArgentinaAsiya Javayant PROPOSAL
Jones K KuskoArgentinaAsiya Javayant UNQUALIFIED
Juan K WaycottRussiaAsiya Javayant QUALIFIED
Maisha H GlickCanadaStephen Shaw PROPOSAL
Rodrigues I NickaIndiaElwin Sharvill NEGOTIATION
Emily V RimCanadaIvan Magalhaes PROPOSAL
Maria S ChuiUnited KingdomAnna Fali RENEWAL
Jones O DilliardArgentinaOnyama Limba PROPOSAL
Mujtaba X OldroydCanadaIvan Magalhaes NEW
Deepesh N GauchoUnited KingdomXuxue Feng RENEWAL
Maria T FollerBrazilBernardo Dominic UNQUALIFIED
Octavia S FlosiArgentinaAnna Fali QUALIFIED
Ivar S FigeroaSpainXuxue Feng NEGOTIATION
Maria L AmigonFranceOnyama Limba RENEWAL
Stacey J FigeroaJapanElwin Sharvill PROPOSAL
Maisha W CampainGermanyElwin Sharvill QUALIFIED
Isabel M WieserUnited KingdomStephen Shaw UNQUALIFIED
Maisha F DilliardAustraliaXuxue Feng UNQUALIFIED
Nicolas V GlickAustraliaStephen Shaw UNQUALIFIED
Jeanfrancois B RoysterFranceIvan Magalhaes PROPOSAL
Costa I FollerUnited KingdomOnyama Limba NEGOTIATION
Jefferson M DoeArgentinaIvan Magalhaes UNQUALIFIED
Juan I StockhamSpainAnna Fali UNQUALIFIED
Nicolas W SaylorsArgentinaOnyama Limba UNQUALIFIED
James B StockhamAustraliaStephen Shaw NEGOTIATION
Jennifer U NestleSpainAsiya Javayant NEW
Horizontal
NameCountryRepresentativeStatus
Morrow G WieserJapanIvan Magalhaes NEGOTIATION
Julie E GillianRussiaOnyama Limba UNQUALIFIED
Kadeem D VocelkaSpainOnyama Limba RENEWAL
Julie W BriddickIndiaBernardo Dominic NEGOTIATION
Munro T GauchoArgentinaAnna Fali PROPOSAL
Jennifer L NickaSpainXuxue Feng PROPOSAL
Sinclair S PoquetteIndiaAnna Fali QUALIFIED
Johnson Z DilliardAustraliaOnyama Limba NEGOTIATION
Clifford W SlusarskiFranceXuxue Feng QUALIFIED
Ashley K SaylorsItalyAsiya Javayant RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Emily F PoquetteRussia2026-08-28Printing Dimensions NEW68Ivan Magalhaes
1001Ricardo S DarakjySpain2026-09-14Rousseaux, Michael Esq UNQUALIFIED25Anna Fali
1002Aditya N WieserBrazil2026-09-04Commercial Press UNQUALIFIED38Bernardo Dominic
1003Kaitlin B ChuiCanada2026-08-24Feltz Printing Service QUALIFIED28Xuxue Feng
1004Maria W RutaFrance2026-09-03Dorl, James J Esq UNQUALIFIED97Ioni Bowcher
1005Francesco K FigeroaCanada2026-09-10Feiner Bros NEW94Amy Elsner
1006Leon O WieserFrance2026-09-14Buckley Miller Wright RENEWAL76Ivan Magalhaes
1007Leja O BowleyCanada2026-08-21Chanay, Jeffrey A Esq NEGOTIATION18Anna Fali
1008Kaitlin E MorascaBrazil2026-09-04Benton, John B Jr NEGOTIATION74Ioni Bowcher
1009Mujtaba M WaycottGermany2026-09-19Feiner Bros NEGOTIATION21Asiya Javayant
1010Kaitlin Q BriddickRussia2026-08-29Chanay, Jeffrey A Esq PROPOSAL31Asiya Javayant
1011Darci Z KuskoArgentina2026-09-04Chanay, Jeffrey A Esq NEW84Ivan Magalhaes
1012Clifford C CaudyGermany2026-09-09Feltz Printing Service NEW81Anna Fali
1013James B RutaItaly2026-09-16Rousseaux, Michael Esq RENEWAL2Xuxue Feng
1014Octavia X ChuiItaly2026-08-29Rangoni Of Florence QUALIFIED93Ioni Bowcher
1015Sinclair P ButtSpain2026-09-04Buckley Miller Wright UNQUALIFIED90Ivan Magalhaes
1016Johnson K WaycottAustralia2026-09-07Chanay, Jeffrey A Esq RENEWAL8Asiya Javayant
1017Izzy Q WhobreyItaly2026-09-03Feltz Printing Service QUALIFIED1Onyama Limba
1018Maria Q ChuiItaly2026-08-29Benton, John B Jr QUALIFIED1Amy Elsner
1019Johnson I InouyeSpain2026-08-28Rangoni Of Florence RENEWAL15Anna Fali
1020Misaki J GauchoCanada2026-08-21Benton, John B Jr QUALIFIED13Elwin Sharvill
1021Johnson W CaldareraRussia2026-09-12Printing Dimensions NEW32Amy Elsner
1022Mujtaba C NickaItaly2026-08-30Morlong Associates NEGOTIATION73Anna Fali
1023Maria A BriddickJapan2026-09-15King, Christopher A Esq RENEWAL46Xuxue Feng
1024Morrow I SergiCanada2026-08-29Printing Dimensions RENEWAL41Xuxue Feng
1025Aruna O NickaRussia2026-08-23Truhlar And Truhlar Attys NEGOTIATION65Anna Fali
1026Tony U OstroskyItaly2026-08-21Benton, John B Jr NEW63Stephen Shaw
1027James H RulapaughRussia2026-09-07Feiner Bros PROPOSAL95Asiya Javayant
1028Mayumi D NickaSpain2026-09-14Feltz Printing Service RENEWAL15Stephen Shaw
1029Francesco W OldroydBrazil2026-08-25Feltz Printing Service PROPOSAL33Onyama Limba
1030Jennifer Q PaprockiArgentina2026-08-26Truhlar And Truhlar Attys RENEWAL30Xuxue Feng
1031Murillo R ButtGermany2026-09-02Truhlar And Truhlar Attys NEW44Asiya Javayant
1032Isabel E GauchoSpain2026-09-05Chapman, Ross E Esq NEW35Elwin Sharvill
1033Wickens D CampainUnited Kingdom2026-09-14Morlong Associates RENEWAL98Bernardo Dominic
1034Mayumi D BologniaIndia2026-09-03Rangoni Of Florence RENEWAL81Elwin Sharvill
1035Ricardo L MorascaAustralia2026-09-08Rousseaux, Michael Esq NEGOTIATION8Bernardo Dominic
1036Leja F BowleyCanada2026-09-18King, Christopher A Esq QUALIFIED24Elwin Sharvill
1037Munro P MarrierCanada2026-08-21Feltz Printing Service QUALIFIED70Bernardo Dominic
1038Faith M RimGermany2026-09-19Printing Dimensions PROPOSAL10Onyama Limba
1039Chavez T PoquetteGermany2026-09-09Dorl, James J Esq NEGOTIATION66Ioni Bowcher
1040Stacey R MaletBrazil2026-08-25Feiner Bros QUALIFIED85Ivan Magalhaes
1041Salvatore W MarrierAustralia2026-09-11Rangoni Of Florence UNQUALIFIED88Xuxue Feng
1042Cody C FerenczSpain2026-09-18Rangoni Of Florence UNQUALIFIED34Ioni Bowcher
1043Morrow E GlickRussia2026-08-27Chanay, Jeffrey A Esq RENEWAL68Xuxue Feng
1044Silvio K FlosiRussia2026-08-27Rousseaux, Michael Esq NEGOTIATION88Bernardo Dominic
1045Smith V OstroskyArgentina2026-08-23Chanay, Jeffrey A Esq UNQUALIFIED46Onyama Limba
1046Sinclair P InouyeIndia2026-09-16Commercial Press QUALIFIED91Ioni Bowcher
1047Aika E FerenczSpain2026-09-02Benton, John B Jr PROPOSAL41Amy Elsner
1048Aditya K MaletAustralia2026-08-22Dorl, James J Esq NEW84Anna Fali
1049Antonio P OstroskyGermany2026-09-01Dorl, James J Esq UNQUALIFIED8Ioni Bowcher
Frozen Rows
NameCountryRepresentativeStatus
Leon D RulapaughCanadaIvan Magalhaes QUALIFIED
Jefferson T OstroskyArgentinaAsiya Javayant NEGOTIATION
Leon R KolmetzSpainAsiya Javayant NEW
Kaitlin Z ChuiUnited KingdomIoni Bowcher PROPOSAL
Adams Q SchemmerUnited KingdomAsiya Javayant UNQUALIFIED
Sinclair C CaudyArgentinaBernardo Dominic NEW
Johnson Y ShinkoCanadaIoni Bowcher UNQUALIFIED
Aika E MorascaItalyOnyama Limba NEGOTIATION
Jeanfrancois Z RimUnited KingdomAmy Elsner NEW
Izzy P PerinJapanXuxue Feng RENEWAL
Misaki K OldroydIndiaAnna Fali UNQUALIFIED
Maria A FollerFranceIvan Magalhaes PROPOSAL
Cody T PerinArgentinaAnna Fali RENEWAL
Darci Q KolmetzSpainIvan Magalhaes PROPOSAL
Greenwood O FigeroaUnited KingdomElwin Sharvill PROPOSAL
Murillo H GarufiItalyAmy Elsner PROPOSAL
Murillo Z ShinkoUnited KingdomElwin Sharvill RENEWAL
Cody Y StensethAustraliaAsiya Javayant RENEWAL
Arvin F RulapaughAustraliaOnyama Limba UNQUALIFIED
Deepesh Y VocelkaJapanAsiya Javayant NEGOTIATION
Alejandro B FollerAustraliaStephen Shaw NEGOTIATION
Morrow N FlosiRussiaAmy Elsner NEGOTIATION
Julie D MacleadUnited KingdomAsiya Javayant RENEWAL
Octavia K SchemmerItalyIoni Bowcher NEGOTIATION
Munro R OldroydRussiaElwin Sharvill NEGOTIATION
Aditya A KuskoIndiaStephen Shaw RENEWAL
Smith O InouyeItalyBernardo Dominic NEGOTIATION
Aruna F IturbideFranceElwin Sharvill NEGOTIATION
Isabel G GarufiFranceAsiya Javayant RENEWAL
Jennifer X KolmetzBrazilXuxue Feng UNQUALIFIED
Antonio S BriddickBrazilAnna Fali UNQUALIFIED
Munro N PaprockiGermanyStephen Shaw PROPOSAL
Wickens B MarrierCanadaIvan Magalhaes UNQUALIFIED
Deepesh W SchemmerIndiaAmy Elsner NEGOTIATION
Aditya F WaycottRussiaAsiya Javayant RENEWAL
Emily H FlosiBrazilIvan Magalhaes NEW
Chavez I BriddickBrazilBernardo Dominic NEW
Nicolas U RimGermanyAsiya Javayant PROPOSAL
Morrow S StockhamIndiaBernardo Dominic QUALIFIED
Alejandro O SergiRussiaXuxue Feng UNQUALIFIED
Octavia D ChuiCanadaBernardo Dominic QUALIFIED
Jefferson I VocelkaSpainOnyama Limba NEGOTIATION
Tony W DilliardArgentinaIvan Magalhaes UNQUALIFIED
Izzy D DarakjyCanadaStephen Shaw UNQUALIFIED
Izzy O DilliardUnited KingdomBernardo Dominic NEW
Faith O FollerFranceAsiya Javayant UNQUALIFIED
Johnson U MorascaCanadaBernardo Dominic UNQUALIFIED
Maria C IturbideArgentinaStephen Shaw PROPOSAL
Morrow P MorascaJapanXuxue Feng NEGOTIATION
Octavia L SergiBrazilAnna Fali NEW
Frozen Columns
Name
Adams D Malet
Misaki T Nestle
James Q Bolognia
Julie Q Chui
James B Butt
Jones J Saylors
David W Bolognia
Maria O Ruta
Costa E Foller
Adams C Stockham
Johnson B Stenseth
Greenwood Y Ostrosky
Salvatore P Vocelka
Julie T Paprocki
Aditya V Rim
Ricardo A Campain
Ivar J Butt
Faith G Morasca
David Z Ostrosky
Ashley F Garufi
Leon T Glick
Emily O Dilliard
Morrow R Wieser
Adams C Rulapaugh
Mayumi L Kusko
Leja Q Shinko
Chavez K Oldroyd
Wickens E Kolmetz
Mayumi Z Caldarera
Rodrigues D Nestle
Maria N Dilliard
Arvin Z Albares
Greenwood M Perin
Juan H Paprocki
Smith Q Briddick
Leon B Perin
Greenwood F Butt
Wickens U Inouye
Alejandro O Flosi
Francesco V Schemmer
Misaki X Darakjy
Mujtaba U Nicka
Leon P Slusarski
Jeanfrancois S Foller
Johnson D Rulapaugh
Jefferson F Nestle
Aditya O Whobrey
Izzy X Oldroyd
Claire N Ferencz
Aruna K Gillian
IdCountryDate
1000Spain2026-08-26
1001Spain2026-09-07
1002Spain2026-09-18
1003United Kingdom2026-09-07
1004India2026-09-17
1005Argentina2026-09-07
1006Brazil2026-08-28
1007Argentina2026-09-18
1008France2026-09-12
1009Spain2026-08-29
1010Brazil2026-08-31
1011Japan2026-08-28
1012Canada2026-09-10
1013Canada2026-09-08
1014Italy2026-09-13
1015India2026-09-07
1016United Kingdom2026-08-29
1017Russia2026-08-23
1018Canada2026-08-21
1019Brazil2026-08-21
1020France2026-09-06
1021Spain2026-09-08
1022India2026-09-17
1023Argentina2026-08-27
1024United Kingdom2026-09-15
1025Argentina2026-09-18
1026Argentina2026-09-10
1027Italy2026-09-12
1028India2026-09-11
1029France2026-09-08
1030Spain2026-09-13
1031Brazil2026-08-28
1032India2026-08-30
1033Italy2026-09-13
1034United Kingdom2026-08-25
1035Russia2026-09-09
1036Australia2026-08-30
1037Spain2026-08-21
1038India2026-08-22
1039India2026-09-14
1040Italy2026-08-27
1041Russia2026-09-08
1042Germany2026-09-09
1043Brazil2026-09-11
1044Italy2026-08-23
1045Germany2026-09-02
1046Australia2026-09-10
1047Germany2026-08-23
1048France2026-09-08
1049Canada2026-09-12

On-Demand Data

NameIdCountryDate
Salvatore D Morasca1000Canada2026-09-12
Francesco L Ferencz1001Argentina2026-09-13
Jeanfrancois S Sergi1002Spain2026-09-14
Misaki U Foller1003United Kingdom2026-08-25
Smith N Shinko1004France2026-09-02
Ivar V Flosi1005India2026-09-04
Silvio S Darakjy1006Argentina2026-09-12
Wickens H Nestle1007Canada2026-08-30
Emily P Campain1008Spain2026-09-06
Smith Y Whobrey1009India2026-09-12
James G Maclead1010France2026-09-09
Munro C Schemmer1011Australia2026-08-24
Salvatore Y Chui1012Japan2026-08-25
Jefferson Z Kusko1013India2026-09-04
Alejandro R Malet1014Australia2026-09-09
Greenwood F Flosi1015Germany2026-09-19
Costa H Caudy1016Italy2026-09-12
Rodrigues E Perin1017Germany2026-09-01
Aika L Bowley1018Spain2026-08-31
Wickens Z Oldroyd1019France2026-09-09
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Aditya C BowleyRussiaElwin Sharvill NEGOTIATION
Smith L RutaIndiaAmy Elsner NEW
Murillo I KolmetzSpainAnna Fali NEW
Johnson P FollerItalyAnna Fali UNQUALIFIED
Aruna X MarrierBrazilElwin Sharvill NEW
Jefferson G ShinkoGermanyStephen Shaw PROPOSAL
Adams C NestleArgentinaXuxue Feng UNQUALIFIED
Francesco M GillianItalyAnna Fali UNQUALIFIED
Aika K NickaGermanyOnyama Limba NEGOTIATION
Octavia M WieserGermanyAnna Fali PROPOSAL
Costa Z FlosiItalyOnyama Limba NEGOTIATION
Isabel R MacleadItalyIvan Magalhaes QUALIFIED
Maisha E KuskoIndiaElwin Sharvill RENEWAL
Salvatore Z ShinkoAustraliaAsiya Javayant QUALIFIED
Ivar S PaprockiIndiaElwin Sharvill NEW
Greenwood X RutaJapanIvan Magalhaes RENEWAL
Claire X MaletAustraliaAmy Elsner UNQUALIFIED
Jones K ButtItalyAnna Fali UNQUALIFIED
Ricardo P RimFranceIvan Magalhaes NEW
Cody R DoeSpainXuxue Feng NEW
Tony M RoysterIndiaOnyama Limba NEGOTIATION
Izzy I CampainFranceStephen Shaw QUALIFIED
Claire D AlbaresRussiaOnyama Limba PROPOSAL
Clifford W FollerBrazilStephen Shaw UNQUALIFIED
Maisha I RoysterFranceOnyama Limba NEW
Octavia O MacleadUnited KingdomBernardo Dominic UNQUALIFIED
Sinclair D GauchoSpainXuxue Feng QUALIFIED
Maisha O IturbideUnited KingdomBernardo Dominic PROPOSAL
Francesco U DilliardIndiaStephen Shaw QUALIFIED
Antonio W FigeroaCanadaIoni Bowcher PROPOSAL
Antonio Z InouyeRussiaAmy Elsner NEGOTIATION
Leja N KuskoIndiaStephen Shaw NEGOTIATION
Jefferson S FerenczArgentinaIvan Magalhaes UNQUALIFIED
Adams R ChuiArgentinaElwin Sharvill QUALIFIED
Kaitlin Q RulapaughItalyAsiya Javayant RENEWAL
Aika O TollnerBrazilOnyama Limba UNQUALIFIED
Julie U AmigonIndiaElwin Sharvill UNQUALIFIED
Kaitlin S DilliardUnited KingdomOnyama Limba NEW
Leon N MacleadBrazilIoni Bowcher RENEWAL
Arvin M MaletRussiaIoni Bowcher 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>