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
Adams M RimIndiaStephen Shaw NEGOTIATION
Ricardo H MacleadSpainXuxue Feng QUALIFIED
Kadeem F RoysterGermanyOnyama Limba UNQUALIFIED
Jones M SlusarskiGermanyAnna Fali NEGOTIATION
James P KuskoBrazilXuxue Feng UNQUALIFIED
Ricardo Z MarrierCanadaAsiya Javayant RENEWAL
Emily K RoysterUnited KingdomStephen Shaw QUALIFIED
Francesco U MacleadItalyOnyama Limba PROPOSAL
Deepesh T AlbaresJapanXuxue Feng PROPOSAL
James J FlosiGermanyElwin Sharvill UNQUALIFIED
Aika O ButtGermanyOnyama Limba NEGOTIATION
Darci F FerenczItalyAnna Fali PROPOSAL
Tony J RulapaughUnited KingdomIvan Magalhaes QUALIFIED
Johnson J SchemmerJapanXuxue Feng RENEWAL
Deepesh T VenereRussiaIoni Bowcher UNQUALIFIED
Cody G PoquetteSpainAmy Elsner RENEWAL
Costa R TollnerFranceElwin Sharvill NEGOTIATION
Stacey H StensethGermanyAsiya Javayant NEW
Murillo R ShinkoUnited KingdomAsiya Javayant UNQUALIFIED
Rodrigues E SaylorsGermanyElwin Sharvill PROPOSAL
Antonio E OldroydFranceBernardo Dominic RENEWAL
Greenwood U MacleadBrazilAmy Elsner PROPOSAL
Emily S CaldareraItalyIoni Bowcher UNQUALIFIED
Leon P FigeroaRussiaAnna Fali NEW
Morrow R SergiUnited KingdomOnyama Limba RENEWAL
Aditya A DarakjyAustraliaStephen Shaw UNQUALIFIED
Jones O CaudyCanadaAmy Elsner RENEWAL
Maria Q MorascaArgentinaIoni Bowcher NEGOTIATION
Misaki A DilliardIndiaElwin Sharvill RENEWAL
Salvatore Y DarakjyUnited KingdomIvan Magalhaes UNQUALIFIED
Claire R FlosiRussiaIvan Magalhaes PROPOSAL
Salvatore D DilliardAustraliaStephen Shaw NEGOTIATION
Juan P WaycottSpainBernardo Dominic PROPOSAL
James C InouyeRussiaXuxue Feng NEGOTIATION
Clifford R VocelkaItalyOnyama Limba RENEWAL
Nicolas H MaletBrazilOnyama Limba QUALIFIED
Jeanfrancois X PoquetteItalyAsiya Javayant PROPOSAL
Adams I WhobreyJapanElwin Sharvill RENEWAL
Antonio F MacleadUnited KingdomAmy Elsner RENEWAL
Silvio H IturbideUnited KingdomBernardo Dominic NEGOTIATION
Johnson R WaycottJapanStephen Shaw RENEWAL
Ivar L DarakjyRussiaAnna Fali NEGOTIATION
Faith Z SergiIndiaIvan Magalhaes NEGOTIATION
James F KolmetzGermanyIoni Bowcher RENEWAL
Murillo F KuskoBrazilStephen Shaw NEW
Julie E IturbideJapanAsiya Javayant UNQUALIFIED
David C TollnerFranceIvan Magalhaes NEW
Jennifer P GlickBrazilOnyama Limba PROPOSAL
Leon A OldroydArgentinaXuxue Feng QUALIFIED
Aruna V VocelkaRussiaBernardo Dominic NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Arvin K BriddickBrazilXuxue Feng UNQUALIFIED
Darci H OldroydJapanAnna Fali RENEWAL
Ashley F GlickJapanElwin Sharvill QUALIFIED
Murillo P DilliardArgentinaAnna Fali PROPOSAL
Leon J OstroskyJapanAsiya Javayant PROPOSAL
Deepesh C RulapaughBrazilOnyama Limba QUALIFIED
Clifford M AlbaresJapanAmy Elsner NEGOTIATION
Francesco F BologniaBrazilOnyama Limba NEW
Aruna T StockhamArgentinaBernardo Dominic NEGOTIATION
Darci R FollerAustraliaAnna Fali NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Arvin T AlbaresCanada2026-08-24Dorl, James J Esq NEGOTIATION95Asiya Javayant
1001Greenwood R CaudyCanada2026-09-17Chemel, James L Cpa PROPOSAL22Amy Elsner
1002David U GarufiUnited Kingdom2026-08-29Printing Dimensions NEGOTIATION29Ioni Bowcher
1003Izzy E OstroskySpain2026-09-18Commercial Press RENEWAL17Bernardo Dominic
1004Misaki R NickaGermany2026-08-29Truhlar And Truhlar Attys PROPOSAL98Asiya Javayant
1005Kadeem M RoysterJapan2026-09-10Printing Dimensions NEW79Xuxue Feng
1006Ashley G MaletUnited Kingdom2026-09-11Buckley Miller Wright UNQUALIFIED83Asiya Javayant
1007Ivar Y WhobreyJapan2026-08-25Commercial Press NEGOTIATION33Xuxue Feng
1008Octavia O DarakjyItaly2026-08-31Chemel, James L Cpa UNQUALIFIED92Ivan Magalhaes
1009Jefferson Z GillianFrance2026-09-13Rangoni Of Florence QUALIFIED64Asiya Javayant
1010Faith O CaldareraAustralia2026-08-26Chemel, James L Cpa UNQUALIFIED9Ioni Bowcher
1011Darci Q VenereIndia2026-08-23Commercial Press QUALIFIED29Onyama Limba
1012Kaitlin V SlusarskiSpain2026-08-31Feiner Bros UNQUALIFIED94Stephen Shaw
1013Rodrigues T FigeroaGermany2026-08-24Rangoni Of Florence UNQUALIFIED26Asiya Javayant
1014Jones F CaudyAustralia2026-09-07Chemel, James L Cpa PROPOSAL45Ivan Magalhaes
1015Alejandro L DarakjyAustralia2026-09-06Rangoni Of Florence QUALIFIED90Ioni Bowcher
1016Nicolas X PaprockiIndia2026-08-24Chanay, Jeffrey A Esq NEGOTIATION35Anna Fali
1017Jennifer J WieserAustralia2026-09-05Chapman, Ross E Esq QUALIFIED58Amy Elsner
1018David Z IturbideCanada2026-08-31Rousseaux, Michael Esq UNQUALIFIED41Anna Fali
1019Deepesh W FerenczBrazil2026-09-14Chemel, James L Cpa NEW16Anna Fali
1020Sinclair Y WhobreyBrazil2026-08-25Rousseaux, Michael Esq RENEWAL43Anna Fali
1021Isabel G GauchoSpain2026-09-05King, Christopher A Esq NEGOTIATION64Elwin Sharvill
1022Antonio I PoquetteJapan2026-08-30Printing Dimensions PROPOSAL66Ioni Bowcher
1023Salvatore Q FollerUnited Kingdom2026-08-29Rousseaux, Michael Esq NEW84Xuxue Feng
1024Salvatore B FlosiArgentina2026-09-17Chemel, James L Cpa UNQUALIFIED42Ioni Bowcher
1025Octavia T IturbideJapan2026-09-13Benton, John B Jr RENEWAL44Stephen Shaw
1026Nicolas P StockhamJapan2026-09-04Dorl, James J Esq PROPOSAL37Elwin Sharvill
1027Jefferson H FollerJapan2026-08-29Chanay, Jeffrey A Esq QUALIFIED13Bernardo Dominic
1028Leon I KuskoGermany2026-08-24Chemel, James L Cpa QUALIFIED45Ivan Magalhaes
1029Jones O RulapaughJapan2026-09-17Morlong Associates PROPOSAL13Elwin Sharvill
1030Silvio D DarakjyRussia2026-08-31Rangoni Of Florence QUALIFIED49Anna Fali
1031Morrow X SlusarskiIndia2026-08-27Rangoni Of Florence UNQUALIFIED85Stephen Shaw
1032Chavez I CampainGermany2026-08-24Feltz Printing Service QUALIFIED92Onyama Limba
1033Morrow K DarakjyRussia2026-09-06Buckley Miller Wright QUALIFIED45Elwin Sharvill
1034Adams D KolmetzRussia2026-09-16Chemel, James L Cpa QUALIFIED22Ivan Magalhaes
1035Jeanfrancois I RoysterItaly2026-08-27King, Christopher A Esq NEGOTIATION2Onyama Limba
1036Emily R MacleadRussia2026-09-05Dorl, James J Esq UNQUALIFIED93Onyama Limba
1037Leon L GlickArgentina2026-09-10Feltz Printing Service NEGOTIATION85Asiya Javayant
1038Ivar O FerenczUnited Kingdom2026-08-22Feiner Bros QUALIFIED24Elwin Sharvill
1039Jones C FerenczCanada2026-09-04Rangoni Of Florence UNQUALIFIED3Bernardo Dominic
1040Chavez S ButtIndia2026-09-07Truhlar And Truhlar Attys RENEWAL23Xuxue Feng
1041Salvatore C IturbideBrazil2026-08-23Feiner Bros RENEWAL95Elwin Sharvill
1042Juan E BowleyUnited Kingdom2026-09-18Chapman, Ross E Esq RENEWAL35Asiya Javayant
1043David N SergiArgentina2026-09-05Benton, John B Jr QUALIFIED96Stephen Shaw
1044Octavia E WaycottBrazil2026-08-23Morlong Associates PROPOSAL25Stephen Shaw
1045Mujtaba J ChuiUnited Kingdom2026-08-26Buckley Miller Wright QUALIFIED18Amy Elsner
1046Greenwood T BriddickGermany2026-08-22King, Christopher A Esq UNQUALIFIED15Amy Elsner
1047Mujtaba Y VenereJapan2026-09-15Commercial Press UNQUALIFIED54Bernardo Dominic
1048Juan F KuskoCanada2026-09-15Feiner Bros RENEWAL9Elwin Sharvill
1049Aika Y FerenczJapan2026-08-24Rangoni Of Florence PROPOSAL96Asiya Javayant
Frozen Rows
NameCountryRepresentativeStatus
Jennifer B SlusarskiGermanyBernardo Dominic NEGOTIATION
David V PerinGermanyOnyama Limba UNQUALIFIED
Isabel W PaprockiIndiaAsiya Javayant NEW
Smith R BriddickBrazilStephen Shaw QUALIFIED
Morrow R WieserGermanyAnna Fali NEGOTIATION
Francesco I MaletBrazilIoni Bowcher NEW
Jones Q StockhamItalyStephen Shaw UNQUALIFIED
Aditya E KolmetzAustraliaStephen Shaw RENEWAL
Johnson J DoeGermanyElwin Sharvill UNQUALIFIED
Munro L KolmetzIndiaXuxue Feng RENEWAL
Jeanfrancois W MacleadRussiaIvan Magalhaes NEGOTIATION
Francesco T SlusarskiArgentinaAmy Elsner NEGOTIATION
Arvin K StensethGermanyIvan Magalhaes RENEWAL
David E FlosiFranceOnyama Limba NEGOTIATION
Jennifer G OldroydBrazilStephen Shaw NEW
Emily N BowleyFranceAnna Fali NEW
Maria X PerinFranceOnyama Limba QUALIFIED
Misaki F GauchoUnited KingdomXuxue Feng QUALIFIED
Salvatore F RoysterArgentinaAmy Elsner QUALIFIED
Faith L GillianFranceXuxue Feng QUALIFIED
Johnson X OldroydGermanyStephen Shaw NEW
Aruna E RutaUnited KingdomIvan Magalhaes RENEWAL
Aruna O VocelkaIndiaAmy Elsner NEW
Izzy O RulapaughItalyXuxue Feng RENEWAL
Stacey S RoysterGermanyIoni Bowcher QUALIFIED
Mayumi E RimAustraliaElwin Sharvill QUALIFIED
Johnson H GlickArgentinaBernardo Dominic QUALIFIED
Aruna H MarrierItalyBernardo Dominic PROPOSAL
Ivar N BriddickSpainOnyama Limba QUALIFIED
Izzy X KuskoRussiaBernardo Dominic UNQUALIFIED
Misaki P SlusarskiUnited KingdomOnyama Limba NEW
Wickens M ShinkoJapanAnna Fali UNQUALIFIED
Mujtaba U SlusarskiArgentinaStephen Shaw QUALIFIED
Nicolas J ButtFranceIvan Magalhaes NEW
Alejandro M MacleadGermanyAnna Fali RENEWAL
Alejandro I BowleyGermanyAmy Elsner NEW
Deepesh D DoeAustraliaIvan Magalhaes QUALIFIED
Salvatore X DarakjyRussiaElwin Sharvill PROPOSAL
Mujtaba L AmigonRussiaIvan Magalhaes RENEWAL
Jennifer X KuskoArgentinaAsiya Javayant UNQUALIFIED
Aika J TollnerAustraliaAmy Elsner NEGOTIATION
Misaki A FigeroaCanadaAmy Elsner NEW
Alejandro Z SaylorsItalyOnyama Limba RENEWAL
Jefferson S NickaRussiaXuxue Feng UNQUALIFIED
Morrow T RimSpainIoni Bowcher QUALIFIED
Ricardo M IturbideItalyXuxue Feng QUALIFIED
Ivar P WaycottJapanIoni Bowcher NEGOTIATION
Francesco U WaycottJapanXuxue Feng UNQUALIFIED
Chavez B VocelkaFranceStephen Shaw PROPOSAL
Greenwood H FigeroaJapanXuxue Feng NEGOTIATION
Frozen Columns
Name
Nicolas D Darakjy
Morrow R Gillian
Mayumi O Maclead
David B Schemmer
James N Paprocki
Mujtaba K Albares
Mayumi R Gaucho
James B Tollner
Sinclair R Ruta
Juan Q Flosi
Mayumi H Flosi
Alejandro L Marrier
Emily I Flosi
Nicolas L Gillian
Cody W Perin
Costa S Gillian
James G Caldarera
Faith N Caudy
Chavez S Oldroyd
Ivar I Maclead
Deepesh J Stenseth
Arvin J Ruta
Leon B Gaucho
Johnson A Nicka
Stacey M Shinko
Darci G Garufi
Francesco C Butt
Costa Z Marrier
Mujtaba O Stenseth
Ivar O Dilliard
Jones Z Kolmetz
Munro Q Rim
Deepesh H Glick
Smith H Waycott
Adams I Darakjy
Kadeem T Oldroyd
Silvio A Bowley
Ashley S Stockham
Antonio U Nestle
Izzy K Stenseth
Arvin R Butt
Mayumi W Inouye
Murillo T Stockham
Juan H Ferencz
Sinclair Q Butt
Julie N Nestle
Jeanfrancois T Caudy
Sinclair E Albares
James I Darakjy
Johnson S Caudy
IdCountryDate
1000Italy2026-09-12
1001Argentina2026-08-25
1002France2026-08-28
1003Spain2026-09-13
1004India2026-09-15
1005France2026-09-05
1006Brazil2026-09-15
1007Australia2026-08-29
1008United Kingdom2026-09-01
1009Japan2026-09-05
1010Australia2026-09-07
1011Germany2026-09-18
1012Argentina2026-08-23
1013Spain2026-09-17
1014Canada2026-08-24
1015India2026-08-24
1016Spain2026-09-19
1017Japan2026-08-21
1018Canada2026-09-17
1019Japan2026-09-14
1020Brazil2026-08-25
1021Canada2026-09-11
1022Germany2026-08-22
1023Canada2026-09-04
1024Russia2026-09-14
1025Canada2026-08-31
1026Italy2026-09-02
1027Canada2026-09-01
1028Argentina2026-09-03
1029France2026-09-14
1030Japan2026-09-17
1031Australia2026-09-11
1032Spain2026-08-26
1033Argentina2026-09-06
1034United Kingdom2026-09-01
1035Japan2026-08-28
1036Russia2026-09-14
1037Canada2026-09-04
1038Australia2026-09-04
1039Argentina2026-09-12
1040United Kingdom2026-08-31
1041Spain2026-08-30
1042Russia2026-08-26
1043United Kingdom2026-09-16
1044Spain2026-08-24
1045Australia2026-08-22
1046Japan2026-09-06
1047Australia2026-09-06
1048Japan2026-09-17
1049Australia2026-09-18

On-Demand Data

NameIdCountryDate
Mayumi C Vocelka1000Spain2026-09-08
Ricardo J Malet1001Spain2026-09-16
Silvio N Rulapaugh1002Germany2026-09-07
Darci J Poquette1003Russia2026-09-03
Morrow O Figeroa1004Russia2026-08-28
Maria K Foller1005Germany2026-08-31
Greenwood Y Perin1006France2026-09-15
Francesco A Rim1007Germany2026-09-11
Aika L Oldroyd1008Brazil2026-09-15
Francesco S Kolmetz1009Spain2026-09-13
Costa L Rulapaugh1010Argentina2026-08-21
Leja U Stenseth1011Spain2026-09-04
Chavez W Schemmer1012France2026-08-25
Ivar M Stenseth1013Japan2026-08-31
Leon S Shinko1014France2026-08-26
Clifford A Tollner1015Italy2026-08-24
Stacey F Glick1016Brazil2026-08-21
Wickens T Gillian1017United Kingdom2026-09-08
Deepesh D Bolognia1018United Kingdom2026-09-17
Juan U Vocelka1019Australia2026-09-19
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Antonio W DoeSpainBernardo Dominic RENEWAL
Nicolas R KuskoBrazilXuxue Feng NEGOTIATION
Izzy A CaldareraCanadaStephen Shaw RENEWAL
Mujtaba U DoeJapanElwin Sharvill NEW
David A AmigonArgentinaIoni Bowcher QUALIFIED
Mayumi C GarufiAustraliaStephen Shaw NEW
Salvatore F MacleadIndiaAmy Elsner NEGOTIATION
Ricardo R MarrierGermanyStephen Shaw QUALIFIED
Silvio T GlickSpainAnna Fali NEW
David A StockhamArgentinaElwin Sharvill NEGOTIATION
Darci H PaprockiBrazilOnyama Limba PROPOSAL
Tony Q GauchoIndiaAmy Elsner UNQUALIFIED
Octavia H RulapaughIndiaIvan Magalhaes UNQUALIFIED
Leon L NickaGermanyStephen Shaw RENEWAL
Costa Q ChuiSpainElwin Sharvill NEW
Aditya P StensethSpainAnna Fali NEGOTIATION
Juan H CaudyJapanAmy Elsner RENEWAL
Alejandro R BowleyUnited KingdomBernardo Dominic QUALIFIED
Salvatore D CaudyBrazilAsiya Javayant PROPOSAL
Jefferson U AlbaresFranceAsiya Javayant NEW
Octavia E InouyeArgentinaAmy Elsner NEW
Claire M GauchoRussiaStephen Shaw UNQUALIFIED
Ashley I GauchoJapanIvan Magalhaes NEW
Chavez M WieserJapanXuxue Feng NEW
Emily Q GauchoAustraliaAsiya Javayant UNQUALIFIED
Maisha U MorascaRussiaStephen Shaw PROPOSAL
Stacey L OstroskyBrazilStephen Shaw NEW
Wickens M StockhamItalyAnna Fali NEW
James I GillianBrazilAnna Fali QUALIFIED
David B ButtFranceBernardo Dominic NEW
Tony A NickaFranceAmy Elsner NEGOTIATION
Francesco U GauchoAustraliaAsiya Javayant NEW
Julie E NickaBrazilOnyama Limba RENEWAL
Munro L WieserArgentinaIvan Magalhaes NEGOTIATION
Morrow X RoysterSpainAmy Elsner UNQUALIFIED
Ashley K FollerRussiaStephen Shaw PROPOSAL
Darci A PerinSpainStephen Shaw NEGOTIATION
Rodrigues F RimSpainAsiya Javayant RENEWAL
Murillo T CampainSpainAnna Fali NEGOTIATION
Greenwood D DarakjyUnited KingdomXuxue Feng NEW

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