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
Munro U GauchoIndiaAsiya Javayant NEGOTIATION
Tony W FlosiSpainBernardo Dominic RENEWAL
Emily S FerenczGermanyStephen Shaw PROPOSAL
Leon X VocelkaAustraliaAmy Elsner UNQUALIFIED
Johnson V RutaGermanyElwin Sharvill NEGOTIATION
Francesco H DilliardArgentinaElwin Sharvill PROPOSAL
Isabel X RimBrazilStephen Shaw RENEWAL
Murillo E DilliardIndiaOnyama Limba QUALIFIED
Rodrigues J SergiIndiaIvan Magalhaes PROPOSAL
Morrow V DoeArgentinaXuxue Feng NEGOTIATION
Munro U AlbaresUnited KingdomAmy Elsner NEGOTIATION
Ivar Y VocelkaBrazilIvan Magalhaes QUALIFIED
Mayumi O AlbaresItalyIvan Magalhaes UNQUALIFIED
Nicolas C MaletFranceBernardo Dominic PROPOSAL
Tony S FigeroaUnited KingdomOnyama Limba PROPOSAL
Cody V ButtFranceElwin Sharvill RENEWAL
Leja H PerinSpainStephen Shaw RENEWAL
Cody J WieserArgentinaStephen Shaw QUALIFIED
Leon J WaycottAustraliaElwin Sharvill QUALIFIED
Alejandro U BowleyCanadaStephen Shaw NEGOTIATION
Mayumi G RoysterBrazilAmy Elsner UNQUALIFIED
Aditya B WieserRussiaOnyama Limba NEW
James W RoysterUnited KingdomAsiya Javayant QUALIFIED
Adams J MaletArgentinaIoni Bowcher NEGOTIATION
Claire I RulapaughFranceBernardo Dominic NEW
Aruna C FollerAustraliaStephen Shaw PROPOSAL
Antonio G WhobreySpainIoni Bowcher NEW
Octavia T InouyeIndiaStephen Shaw QUALIFIED
Faith L GauchoRussiaElwin Sharvill PROPOSAL
Alejandro N BologniaUnited KingdomAsiya Javayant UNQUALIFIED
Johnson A DarakjyJapanXuxue Feng NEGOTIATION
Sinclair J CaudySpainAnna Fali NEGOTIATION
Darci U InouyeItalyIoni Bowcher UNQUALIFIED
Juan Y SaylorsSpainXuxue Feng QUALIFIED
Clifford K CaldareraRussiaBernardo Dominic PROPOSAL
Francesco R PerinJapanBernardo Dominic PROPOSAL
Octavia P StensethArgentinaOnyama Limba RENEWAL
Rodrigues S WaycottJapanAsiya Javayant UNQUALIFIED
Wickens B CampainUnited KingdomAnna Fali NEGOTIATION
Silvio C CaldareraUnited KingdomIoni Bowcher UNQUALIFIED
Alejandro R VenereJapanIvan Magalhaes PROPOSAL
Arvin D ButtAustraliaIoni Bowcher NEGOTIATION
Maisha T ShinkoItalyAmy Elsner PROPOSAL
Aditya B NickaBrazilElwin Sharvill UNQUALIFIED
Greenwood Q GillianUnited KingdomAnna Fali QUALIFIED
Deepesh I RoysterSpainStephen Shaw NEGOTIATION
Antonio Z GarufiBrazilStephen Shaw PROPOSAL
Octavia K RoysterSpainAnna Fali NEW
Claire E DilliardCanadaStephen Shaw QUALIFIED
Silvio L WieserGermanyIoni Bowcher NEW
Horizontal
NameCountryRepresentativeStatus
Isabel F ButtIndiaIoni Bowcher QUALIFIED
Cody G PerinSpainElwin Sharvill NEW
Silvio R KuskoIndiaOnyama Limba UNQUALIFIED
Claire W FigeroaCanadaOnyama Limba QUALIFIED
Stacey W CaudyBrazilStephen Shaw PROPOSAL
Antonio B AlbaresItalyStephen Shaw PROPOSAL
Aika Q DilliardAustraliaAsiya Javayant QUALIFIED
Maria Y CampainCanadaAsiya Javayant RENEWAL
Wickens A AmigonBrazilXuxue Feng RENEWAL
Ashley G VocelkaArgentinaStephen Shaw QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Nicolas S VocelkaIndia2026-09-12Chanay, Jeffrey A Esq QUALIFIED99Ioni Bowcher
1001Leja M WhobreyRussia2026-09-16Chanay, Jeffrey A Esq PROPOSAL68Onyama Limba
1002Munro B CampainItaly2026-09-25Chanay, Jeffrey A Esq RENEWAL48Asiya Javayant
1003Johnson C CaldareraSpain2026-09-26Feiner Bros NEW74Anna Fali
1004Alejandro G WieserRussia2026-09-13Rangoni Of Florence RENEWAL6Amy Elsner
1005Wickens W MarrierSpain2026-09-19Chapman, Ross E Esq QUALIFIED77Bernardo Dominic
1006Mayumi O SaylorsItaly2026-09-26Feiner Bros UNQUALIFIED55Ioni Bowcher
1007Leja U WhobreyItaly2026-09-06Chanay, Jeffrey A Esq UNQUALIFIED11Anna Fali
1008Isabel O CampainItaly2026-09-12Commercial Press UNQUALIFIED83Stephen Shaw
1009Jefferson F IturbideCanada2026-09-15Feltz Printing Service UNQUALIFIED35Ioni Bowcher
1010Wickens C FlosiItaly2026-09-04Chapman, Ross E Esq PROPOSAL1Elwin Sharvill
1011Julie Q WaycottUnited Kingdom2026-09-24Rousseaux, Michael Esq RENEWAL21Asiya Javayant
1012Arvin T MorascaUnited Kingdom2026-09-12Commercial Press NEW66Amy Elsner
1013Leja Q AmigonFrance2026-09-22Rangoni Of Florence NEW65Bernardo Dominic
1014Francesco R IturbideAustralia2026-09-19Chemel, James L Cpa PROPOSAL47Stephen Shaw
1015Wickens R MacleadFrance2026-10-02Rousseaux, Michael Esq QUALIFIED90Ivan Magalhaes
1016Jennifer K StensethArgentina2026-10-02Chanay, Jeffrey A Esq RENEWAL11Bernardo Dominic
1017Mujtaba T BowleyUnited Kingdom2026-09-13Printing Dimensions QUALIFIED82Onyama Limba
1018Mujtaba Z GillianRussia2026-09-09Truhlar And Truhlar Attys QUALIFIED92Amy Elsner
1019Munro W InouyeSpain2026-09-30Feltz Printing Service NEGOTIATION94Asiya Javayant
1020Deepesh A KuskoFrance2026-09-03Truhlar And Truhlar Attys PROPOSAL8Amy Elsner
1021Jones Y InouyeGermany2026-09-22Benton, John B Jr RENEWAL72Xuxue Feng
1022Octavia D CampainAustralia2026-09-21Feiner Bros QUALIFIED16Ivan Magalhaes
1023Alejandro E FerenczRussia2026-09-28Printing Dimensions RENEWAL42Anna Fali
1024Antonio T MacleadIndia2026-09-21Morlong Associates PROPOSAL27Elwin Sharvill
1025Nicolas D PoquetteFrance2026-09-29King, Christopher A Esq NEGOTIATION4Anna Fali
1026Costa W GarufiSpain2026-09-07Truhlar And Truhlar Attys NEGOTIATION63Ioni Bowcher
1027Salvatore B MaletArgentina2026-09-04Rangoni Of Florence NEGOTIATION62Ioni Bowcher
1028Ashley K PerinSpain2026-09-13Dorl, James J Esq UNQUALIFIED12Ivan Magalhaes
1029Tony N MacleadJapan2026-09-04King, Christopher A Esq NEW9Anna Fali
1030Rodrigues A StensethUnited Kingdom2026-09-12Feiner Bros NEGOTIATION0Stephen Shaw
1031Octavia C RoysterSpain2026-09-21Feiner Bros NEW21Onyama Limba
1032Nicolas L GarufiGermany2026-09-24Printing Dimensions NEGOTIATION46Onyama Limba
1033Claire Q SlusarskiGermany2026-09-14Feiner Bros NEW77Amy Elsner
1034Antonio J VocelkaItaly2026-09-30Feltz Printing Service NEW68Xuxue Feng
1035Darci F PoquetteUnited Kingdom2026-09-09King, Christopher A Esq QUALIFIED67Onyama Limba
1036Rodrigues L StockhamItaly2026-09-05Feltz Printing Service UNQUALIFIED56Asiya Javayant
1037Izzy W DarakjyCanada2026-09-09Feiner Bros QUALIFIED25Amy Elsner
1038Sinclair K MaletBrazil2026-09-30Chemel, James L Cpa PROPOSAL13Bernardo Dominic
1039Maisha G RutaAustralia2026-09-20Morlong Associates PROPOSAL61Bernardo Dominic
1040Isabel H DarakjyCanada2026-09-22Chanay, Jeffrey A Esq NEGOTIATION50Xuxue Feng
1041Mujtaba M MaletUnited Kingdom2026-09-03Printing Dimensions QUALIFIED62Ioni Bowcher
1042Julie O SaylorsBrazil2026-09-28Rangoni Of Florence NEGOTIATION62Xuxue Feng
1043Francesco V FigeroaUnited Kingdom2026-09-29Rangoni Of Florence NEW20Ivan Magalhaes
1044Stacey K FigeroaUnited Kingdom2026-09-09Chanay, Jeffrey A Esq UNQUALIFIED13Xuxue Feng
1045Ricardo X VenereGermany2026-10-02Rangoni Of Florence UNQUALIFIED58Stephen Shaw
1046Maria S WaycottJapan2026-09-12Chanay, Jeffrey A Esq RENEWAL71Ivan Magalhaes
1047Jefferson Y GarufiUnited Kingdom2026-09-28Feiner Bros PROPOSAL13Bernardo Dominic
1048Costa W TollnerFrance2026-09-13Chapman, Ross E Esq NEW60Amy Elsner
1049Jennifer G StockhamIndia2026-09-07Dorl, James J Esq PROPOSAL90Xuxue Feng
Frozen Rows
NameCountryRepresentativeStatus
Clifford D VenereIndiaAsiya Javayant RENEWAL
Maria I ShinkoFranceAnna Fali RENEWAL
Murillo Y InouyeArgentinaIvan Magalhaes PROPOSAL
Aditya U PaprockiAustraliaElwin Sharvill NEW
Salvatore G ButtUnited KingdomElwin Sharvill UNQUALIFIED
Octavia N MacleadFranceOnyama Limba NEGOTIATION
Mayumi I DoeCanadaElwin Sharvill UNQUALIFIED
Jeanfrancois E ShinkoCanadaAmy Elsner NEGOTIATION
Clifford A MaletAustraliaAsiya Javayant QUALIFIED
Kaitlin L FerenczGermanyElwin Sharvill NEW
Silvio P RimJapanXuxue Feng NEGOTIATION
Claire P SchemmerFranceAnna Fali RENEWAL
Aruna D BologniaItalyStephen Shaw UNQUALIFIED
Jennifer H CaldareraJapanBernardo Dominic NEGOTIATION
Leja W ShinkoAustraliaIvan Magalhaes UNQUALIFIED
Maria W MorascaItalyElwin Sharvill RENEWAL
Deepesh J PoquetteBrazilBernardo Dominic PROPOSAL
Nicolas B StensethJapanAmy Elsner RENEWAL
Munro Y MorascaBrazilStephen Shaw RENEWAL
David B FerenczRussiaBernardo Dominic QUALIFIED
Arvin L WaycottJapanAmy Elsner NEGOTIATION
Nicolas X PaprockiCanadaStephen Shaw QUALIFIED
Kaitlin P ChuiItalyIvan Magalhaes QUALIFIED
Claire U PaprockiGermanyAnna Fali PROPOSAL
James M RulapaughJapanAnna Fali RENEWAL
David U CaudyItalyStephen Shaw NEW
Aditya W PoquetteSpainStephen Shaw UNQUALIFIED
Aruna L RoysterFranceAmy Elsner PROPOSAL
Izzy C FlosiRussiaAmy Elsner PROPOSAL
Izzy G PerinSpainElwin Sharvill UNQUALIFIED
Nicolas Y BologniaUnited KingdomElwin Sharvill RENEWAL
Antonio Y GillianArgentinaXuxue Feng RENEWAL
Darci G PoquetteCanadaIvan Magalhaes NEGOTIATION
Kaitlin G StensethUnited KingdomAnna Fali UNQUALIFIED
Aruna H WhobreySpainBernardo Dominic NEGOTIATION
Kadeem J GlickRussiaAnna Fali NEGOTIATION
Jeanfrancois B GillianCanadaOnyama Limba RENEWAL
Mujtaba Z KuskoUnited KingdomAmy Elsner QUALIFIED
Chavez P StockhamArgentinaAnna Fali RENEWAL
Claire W AmigonIndiaXuxue Feng QUALIFIED
Antonio U OldroydCanadaXuxue Feng PROPOSAL
Costa Z CaldareraArgentinaIoni Bowcher NEW
Ivar T MaletAustraliaBernardo Dominic NEGOTIATION
Misaki C GarufiBrazilStephen Shaw QUALIFIED
Francesco J PerinJapanElwin Sharvill QUALIFIED
Ricardo C FlosiRussiaIvan Magalhaes UNQUALIFIED
Morrow K RutaRussiaOnyama Limba UNQUALIFIED
Claire G SaylorsIndiaXuxue Feng RENEWAL
Julie L MorascaArgentinaElwin Sharvill QUALIFIED
Silvio V TollnerItalyAnna Fali PROPOSAL
Frozen Columns
Name
David I Maclead
Jones S Butt
Leja L Inouye
Ivar Z Nestle
Morrow U Maclead
Morrow N Schemmer
Jefferson Y Iturbide
Greenwood Y Ruta
Faith E Ruta
Octavia D Darakjy
Izzy A Ferencz
Aruna T Malet
Emily X Saylors
Greenwood Y Waycott
Mayumi K Dilliard
Leja K Doe
Jeanfrancois X Dilliard
Stacey L Glick
Aika C Briddick
Costa F Whobrey
Octavia K Morasca
Salvatore S Slusarski
Smith C Poquette
Julie I Royster
Jones V Caldarera
Jones L Ferencz
Jefferson E Caldarera
Aika M Morasca
David M Stenseth
Antonio A Rulapaugh
Smith Y Vocelka
Mujtaba U Figeroa
Tony K Campain
Faith V Oldroyd
Faith T Dilliard
Aditya J Tollner
Nicolas G Iturbide
Francesco S Rulapaugh
Tony P Perin
Alejandro Q Flosi
James R Gaucho
Maria K Kusko
Adams N Gaucho
Ricardo Z Ferencz
Johnson G Foller
Rodrigues G Stenseth
Ricardo A Campain
David A Garufi
Maisha M Gaucho
Alejandro O Caldarera
IdCountryDate
1000Brazil2026-09-12
1001Argentina2026-09-10
1002Canada2026-09-27
1003France2026-09-19
1004Russia2026-09-26
1005Italy2026-09-23
1006Russia2026-09-10
1007France2026-10-02
1008Argentina2026-09-24
1009Italy2026-09-13
1010Brazil2026-09-26
1011Italy2026-09-23
1012Canada2026-09-04
1013Japan2026-09-29
1014United Kingdom2026-09-22
1015Argentina2026-10-01
1016Brazil2026-09-20
1017Australia2026-09-11
1018Argentina2026-09-17
1019Argentina2026-09-16
1020Australia2026-09-14
1021Argentina2026-10-01
1022Russia2026-09-25
1023Australia2026-09-30
1024Argentina2026-09-12
1025Russia2026-09-11
1026Japan2026-09-28
1027Italy2026-09-17
1028United Kingdom2026-09-29
1029United Kingdom2026-09-07
1030Japan2026-09-16
1031Australia2026-09-17
1032Spain2026-10-01
1033United Kingdom2026-09-22
1034Australia2026-09-10
1035Italy2026-09-17
1036United Kingdom2026-09-19
1037Argentina2026-09-04
1038Argentina2026-09-16
1039Canada2026-09-07
1040Spain2026-09-12
1041Canada2026-10-02
1042Russia2026-09-28
1043Brazil2026-09-04
1044Spain2026-09-03
1045Spain2026-09-03
1046Germany2026-09-04
1047Italy2026-09-14
1048India2026-09-13
1049Germany2026-09-22

On-Demand Data

NameIdCountryDate
Maria X Paprocki1000Argentina2026-09-23
Tony T Royster1001Argentina2026-09-22
Izzy H Briddick1002Canada2026-09-05
Salvatore A Oldroyd1003United Kingdom2026-09-18
Salvatore Q Whobrey1004Argentina2026-09-08
Octavia I Iturbide1005Japan2026-09-26
David O Slusarski1006India2026-09-13
Smith Y Marrier1007Spain2026-09-28
Maria A Bowley1008India2026-09-30
Clifford S Ostrosky1009United Kingdom2026-09-19
Jones M Waycott1010Japan2026-09-25
Izzy G Marrier1011Spain2026-09-22
Jones D Dilliard1012Australia2026-09-06
Johnson Q Briddick1013Australia2026-09-03
Ivar Z Caldarera1014Australia2026-09-08
Maria T Venere1015Spain2026-09-12
Jefferson R Royster1016Russia2026-09-18
Salvatore T Garufi1017Germany2026-09-30
Antonio U Ruta1018United Kingdom2026-09-29
Ashley V Chui1019Germany2026-09-22
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Aditya V RulapaughFranceElwin Sharvill NEW
Kadeem N WaycottIndiaStephen Shaw QUALIFIED
Ricardo P GlickBrazilStephen Shaw QUALIFIED
Cody T GillianFranceIvan Magalhaes QUALIFIED
Claire N BowleyArgentinaIoni Bowcher NEGOTIATION
Jones Y CaldareraAustraliaOnyama Limba NEW
Ashley U TollnerItalyBernardo Dominic RENEWAL
Munro P SergiFranceAnna Fali RENEWAL
Sinclair A DarakjyCanadaIoni Bowcher QUALIFIED
Octavia V BowleyJapanAnna Fali RENEWAL
Ashley U SchemmerBrazilAnna Fali NEW
Ashley K CaudyArgentinaIoni Bowcher NEGOTIATION
Morrow D VenereJapanElwin Sharvill QUALIFIED
Claire G PaprockiItalyAsiya Javayant PROPOSAL
Ivar M NickaGermanyOnyama Limba PROPOSAL
Claire C FerenczJapanAmy Elsner PROPOSAL
Emily G TollnerAustraliaAmy Elsner PROPOSAL
Juan Z DoeSpainBernardo Dominic PROPOSAL
Maria E MarrierArgentinaBernardo Dominic NEGOTIATION
Stacey X SergiItalyAmy Elsner NEW
Maisha L SergiCanadaIoni Bowcher PROPOSAL
Clifford F StockhamJapanIvan Magalhaes RENEWAL
Jeanfrancois S IturbideIndiaAmy Elsner QUALIFIED
Leja P SchemmerCanadaAsiya Javayant PROPOSAL
Mujtaba A PerinBrazilAmy Elsner NEGOTIATION
Adams K MorascaJapanStephen Shaw RENEWAL
Leon X RimUnited KingdomStephen Shaw UNQUALIFIED
Izzy P ButtSpainStephen Shaw RENEWAL
Kaitlin Y FerenczSpainAmy Elsner RENEWAL
Kadeem J PaprockiJapanXuxue Feng QUALIFIED
Smith J BriddickSpainAnna Fali PROPOSAL
Kaitlin L StockhamIndiaAnna Fali QUALIFIED
Alejandro L PoquetteItalyElwin Sharvill PROPOSAL
Isabel C SchemmerBrazilBernardo Dominic NEGOTIATION
Aika I AmigonCanadaAsiya Javayant NEGOTIATION
Claire Z StockhamFranceOnyama Limba RENEWAL
Silvio I VocelkaAustraliaIvan Magalhaes NEGOTIATION
Munro I ButtJapanAnna Fali NEW
Greenwood F MorascaUnited KingdomStephen Shaw NEGOTIATION
Leja I StensethIndiaIoni Bowcher UNQUALIFIED

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