Summer Sale is here 🏖️ Get 50% off with code PRSM25 Learn More

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
Murillo Q BriddickBrazilBernardo Dominic RENEWAL
Maisha E RoysterSpainStephen Shaw RENEWAL
Smith P FigeroaUnited KingdomIoni Bowcher NEW
Alejandro G GillianCanadaElwin Sharvill QUALIFIED
Aditya Q FlosiUnited KingdomBernardo Dominic QUALIFIED
Deepesh B GarufiBrazilElwin Sharvill PROPOSAL
Silvio R VenereJapanXuxue Feng UNQUALIFIED
Jefferson C SaylorsRussiaIoni Bowcher RENEWAL
Ivar U StensethGermanyIoni Bowcher UNQUALIFIED
Clifford G DarakjyCanadaXuxue Feng NEGOTIATION
Jennifer J VocelkaUnited KingdomAsiya Javayant PROPOSAL
Aditya L RutaBrazilAsiya Javayant PROPOSAL
Faith M MaletSpainElwin Sharvill NEGOTIATION
Maisha J AmigonGermanyStephen Shaw UNQUALIFIED
Salvatore M PerinBrazilXuxue Feng NEW
Emily Y InouyeAustraliaIoni Bowcher UNQUALIFIED
Tony D DilliardRussiaOnyama Limba NEGOTIATION
Jones M VenereCanadaAnna Fali PROPOSAL
David F DarakjySpainIoni Bowcher PROPOSAL
Sinclair G KuskoBrazilXuxue Feng NEW
Darci Z MorascaUnited KingdomElwin Sharvill PROPOSAL
Darci U PoquetteFranceElwin Sharvill QUALIFIED
Darci H CaudyUnited KingdomAsiya Javayant QUALIFIED
Nicolas F StockhamItalyAmy Elsner PROPOSAL
Sinclair I GlickBrazilIvan Magalhaes QUALIFIED
Silvio E FlosiIndiaIoni Bowcher PROPOSAL
Ricardo C StockhamRussiaAmy Elsner UNQUALIFIED
Maria Q SlusarskiFranceIoni Bowcher UNQUALIFIED
Maria U OstroskyUnited KingdomIvan Magalhaes QUALIFIED
Leon K GarufiRussiaIvan Magalhaes PROPOSAL
Chavez V WieserGermanyIoni Bowcher NEGOTIATION
Aruna L NickaBrazilAsiya Javayant RENEWAL
Izzy W AmigonGermanyAsiya Javayant PROPOSAL
Jeanfrancois K WhobreyBrazilStephen Shaw QUALIFIED
Faith D IturbideAustraliaOnyama Limba NEGOTIATION
Rodrigues C GillianFranceAnna Fali RENEWAL
David U RimJapanIoni Bowcher PROPOSAL
Misaki T AlbaresUnited KingdomXuxue Feng NEGOTIATION
Smith E SaylorsArgentinaOnyama Limba UNQUALIFIED
Claire J MaletRussiaAmy Elsner QUALIFIED
Adams S TollnerCanadaIvan Magalhaes RENEWAL
Isabel H CaudyArgentinaIoni Bowcher NEW
Mayumi M TollnerAustraliaElwin Sharvill NEGOTIATION
Aditya N DoeSpainAsiya Javayant NEW
Nicolas X AmigonBrazilIvan Magalhaes NEGOTIATION
Mayumi Q RulapaughArgentinaElwin Sharvill NEGOTIATION
Julie O SlusarskiAustraliaElwin Sharvill PROPOSAL
Silvio D SergiFranceStephen Shaw PROPOSAL
Sinclair C ChuiAustraliaElwin Sharvill NEW
Claire H DoeGermanyIvan Magalhaes NEW
Horizontal
NameCountryRepresentativeStatus
Izzy C PaprockiJapanBernardo Dominic UNQUALIFIED
Kaitlin Z MorascaAustraliaXuxue Feng RENEWAL
Murillo M PaprockiCanadaStephen Shaw NEW
Izzy G MaletRussiaStephen Shaw RENEWAL
Morrow S FerenczItalyBernardo Dominic NEGOTIATION
Isabel K WaycottGermanyAsiya Javayant PROPOSAL
Chavez G SlusarskiArgentinaIoni Bowcher NEGOTIATION
Ivar Z CaldareraItalyXuxue Feng NEW
Izzy K PerinCanadaAmy Elsner RENEWAL
Cody Y FollerItalyBernardo Dominic NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Kadeem S BowleyJapan2025-08-25Dorl, James J Esq NEGOTIATION29Elwin Sharvill
1001Alejandro C WhobreyIndia2025-08-12Buckley Miller Wright NEGOTIATION28Onyama Limba
1002Jones E GlickJapan2025-08-25Rousseaux, Michael Esq PROPOSAL98Anna Fali
1003Jeanfrancois E RoysterIndia2025-08-29Rangoni Of Florence UNQUALIFIED87Amy Elsner
1004Smith B SchemmerCanada2025-08-19Feltz Printing Service NEGOTIATION87Xuxue Feng
1005Maria R SchemmerJapan2025-08-24King, Christopher A Esq NEGOTIATION94Amy Elsner
1006Silvio P VenereCanada2025-08-14Dorl, James J Esq QUALIFIED10Ivan Magalhaes
1007Francesco O PoquetteAustralia2025-08-16Benton, John B Jr PROPOSAL42Stephen Shaw
1008Aruna Y IturbideIndia2025-08-08Chapman, Ross E Esq NEGOTIATION63Xuxue Feng
1009Mujtaba C GillianRussia2025-08-07Rangoni Of Florence PROPOSAL55Ioni Bowcher
1010Antonio I FerenczBrazil2025-08-05Chemel, James L Cpa PROPOSAL54Stephen Shaw
1011Mujtaba U WaycottJapan2025-08-17King, Christopher A Esq NEGOTIATION9Ioni Bowcher
1012Mayumi S AlbaresRussia2025-08-28Chapman, Ross E Esq PROPOSAL28Xuxue Feng
1013Ricardo P GillianGermany2025-08-26Rangoni Of Florence UNQUALIFIED45Xuxue Feng
1014Johnson F StensethIndia2025-08-10Printing Dimensions RENEWAL95Asiya Javayant
1015Julie O NestleArgentina2025-08-13Dorl, James J Esq RENEWAL29Stephen Shaw
1016Isabel U StockhamGermany2025-08-30Printing Dimensions PROPOSAL4Anna Fali
1017Mayumi E KolmetzCanada2025-08-25King, Christopher A Esq UNQUALIFIED73Bernardo Dominic
1018Mayumi T NickaFrance2025-08-20Commercial Press QUALIFIED79Asiya Javayant
1019Silvio U OldroydCanada2025-08-05Benton, John B Jr NEGOTIATION20Ioni Bowcher
1020Misaki T PerinRussia2025-08-23Commercial Press QUALIFIED19Elwin Sharvill
1021Wickens B KolmetzBrazil2025-08-28Chanay, Jeffrey A Esq NEW87Stephen Shaw
1022Mujtaba B OstroskyFrance2025-08-02Rangoni Of Florence NEW82Stephen Shaw
1023Leon N RulapaughAustralia2025-08-16Chanay, Jeffrey A Esq PROPOSAL79Amy Elsner
1024Sinclair F RimItaly2025-08-27King, Christopher A Esq QUALIFIED4Amy Elsner
1025Jefferson F NestleItaly2025-08-20King, Christopher A Esq UNQUALIFIED98Amy Elsner
1026Aika V BologniaRussia2025-08-22Chanay, Jeffrey A Esq UNQUALIFIED46Elwin Sharvill
1027Rodrigues E OstroskySpain2025-08-24Commercial Press QUALIFIED95Bernardo Dominic
1028Mayumi P ButtBrazil2025-08-12Feiner Bros UNQUALIFIED96Ioni Bowcher
1029Stacey K InouyeGermany2025-08-22Feiner Bros NEGOTIATION32Ivan Magalhaes
1030Jennifer G CaudyJapan2025-08-12Rangoni Of Florence PROPOSAL61Ivan Magalhaes
1031Deepesh C ButtUnited Kingdom2025-08-09Truhlar And Truhlar Attys NEGOTIATION18Onyama Limba
1032James T WaycottUnited Kingdom2025-08-19King, Christopher A Esq NEGOTIATION59Ivan Magalhaes
1033Emily Y SergiUnited Kingdom2025-08-07Printing Dimensions NEW80Amy Elsner
1034Faith Y PoquetteRussia2025-08-16Dorl, James J Esq RENEWAL78Bernardo Dominic
1035Johnson G SergiAustralia2025-08-29Printing Dimensions NEGOTIATION63Asiya Javayant
1036Greenwood L FlosiGermany2025-08-01Feiner Bros NEGOTIATION1Xuxue Feng
1037Julie X PaprockiItaly2025-08-22Dorl, James J Esq NEGOTIATION18Onyama Limba
1038Leon L OstroskyBrazil2025-08-09Feltz Printing Service RENEWAL89Stephen Shaw
1039Maisha I WieserArgentina2025-08-13Dorl, James J Esq UNQUALIFIED9Ioni Bowcher
1040Aruna W RutaRussia2025-08-29Rousseaux, Michael Esq QUALIFIED23Amy Elsner
1041Aika X GillianRussia2025-08-04Morlong Associates NEGOTIATION62Bernardo Dominic
1042Cody E BowleyIndia2025-08-13Printing Dimensions NEGOTIATION14Ioni Bowcher
1043Sinclair W MaletIndia2025-08-13Feiner Bros RENEWAL26Onyama Limba
1044Sinclair U InouyeRussia2025-08-26Rangoni Of Florence NEW45Anna Fali
1045Jones B MacleadItaly2025-08-13Rangoni Of Florence PROPOSAL44Bernardo Dominic
1046Ricardo V RulapaughBrazil2025-08-03Truhlar And Truhlar Attys RENEWAL8Anna Fali
1047Arvin S CampainCanada2025-08-17Benton, John B Jr QUALIFIED33Anna Fali
1048Kaitlin H NickaSpain2025-08-23Chemel, James L Cpa PROPOSAL79Onyama Limba
1049Juan M FerenczItaly2025-08-18Chemel, James L Cpa NEGOTIATION66Ioni Bowcher
Frozen Rows
NameCountryRepresentativeStatus
Antonio L RoysterIndiaStephen Shaw UNQUALIFIED
Isabel Y MaletIndiaXuxue Feng NEW
Silvio V PerinCanadaAsiya Javayant PROPOSAL
Francesco A MorascaIndiaXuxue Feng NEGOTIATION
Izzy R FlosiGermanyAnna Fali QUALIFIED
Adams X GillianFranceAmy Elsner PROPOSAL
Cody U BowleyArgentinaIoni Bowcher NEW
Kaitlin T RutaUnited KingdomXuxue Feng QUALIFIED
Smith Z InouyeItalyAnna Fali NEGOTIATION
Juan M ShinkoItalyIvan Magalhaes RENEWAL
Octavia R SergiJapanAsiya Javayant RENEWAL
Sinclair A KolmetzGermanyXuxue Feng NEW
Antonio Q GlickItalyAnna Fali PROPOSAL
Stacey S PaprockiUnited KingdomAsiya Javayant PROPOSAL
Chavez I RoysterItalyIvan Magalhaes NEW
Smith H VenereItalyXuxue Feng NEW
Aruna G InouyeUnited KingdomIoni Bowcher UNQUALIFIED
Nicolas D PaprockiJapanElwin Sharvill NEGOTIATION
Antonio G PerinUnited KingdomAsiya Javayant RENEWAL
Cody R DarakjyItalyAsiya Javayant NEW
Greenwood V VocelkaArgentinaElwin Sharvill UNQUALIFIED
Julie B DilliardArgentinaXuxue Feng QUALIFIED
Jeanfrancois P MaletItalyIoni Bowcher QUALIFIED
Isabel K CaudyFranceStephen Shaw RENEWAL
Jefferson E MaletRussiaAmy Elsner NEW
Jeanfrancois C ShinkoRussiaIoni Bowcher PROPOSAL
Isabel G IturbideFranceAsiya Javayant QUALIFIED
Greenwood L FlosiCanadaBernardo Dominic NEW
Morrow Q WhobreyFranceAsiya Javayant NEW
Leja S FerenczCanadaElwin Sharvill UNQUALIFIED
Emily Z ButtSpainStephen Shaw PROPOSAL
Aruna C FollerSpainAmy Elsner NEGOTIATION
Ricardo P FollerSpainAsiya Javayant QUALIFIED
James P StockhamItalyAmy Elsner RENEWAL
Arvin E SlusarskiBrazilOnyama Limba QUALIFIED
Ivar Q FollerUnited KingdomAnna Fali UNQUALIFIED
Izzy P StockhamGermanyElwin Sharvill PROPOSAL
Silvio T DoeCanadaAsiya Javayant PROPOSAL
Maria Q WhobreyArgentinaAmy Elsner RENEWAL
Kaitlin Z BologniaCanadaBernardo Dominic QUALIFIED
Izzy Z AlbaresFranceAsiya Javayant RENEWAL
Smith U GarufiCanadaElwin Sharvill QUALIFIED
Aika X SaylorsItalyOnyama Limba UNQUALIFIED
Ivar B BowleyGermanyIoni Bowcher RENEWAL
David J StensethFranceAmy Elsner PROPOSAL
Julie T DilliardArgentinaIvan Magalhaes NEGOTIATION
Greenwood O GauchoSpainOnyama Limba PROPOSAL
Emily J KuskoUnited KingdomStephen Shaw PROPOSAL
Morrow G OldroydCanadaAnna Fali QUALIFIED
Jennifer O FerenczSpainAmy Elsner NEW
Frozen Columns
Name
Faith F Paprocki
Nicolas Y Briddick
Stacey M Inouye
Maria S Stockham
Antonio E Caudy
Stacey D Whobrey
Antonio O Rulapaugh
Clifford C Dilliard
Smith V Briddick
Deepesh D Nestle
Francesco V Briddick
Johnson V Amigon
Leja L Garufi
Rodrigues Y Glick
Maria A Butt
Jefferson B Poquette
Octavia N Doe
Izzy O Malet
Jeanfrancois A Venere
James V Whobrey
Aditya A Nicka
Costa H Ruta
Maisha B Tollner
Jones B Morasca
Faith Q Albares
Tony Q Ostrosky
Costa F Amigon
Munro J Briddick
James B Chui
Smith H Figeroa
Faith P Glick
Chavez H Stockham
Ivar N Chui
Murillo A Campain
Ashley Y Wieser
Emily V Glick
Costa N Glick
Ricardo S Rulapaugh
David M Whobrey
Mujtaba Z Shinko
Wickens T Gaucho
Izzy T Caldarera
Adams C Foller
James M Wieser
Munro W Figeroa
Silvio Y Doe
Julie Z Kusko
Chavez B Oldroyd
Sinclair V Nicka
Isabel V Caldarera
IdCountryDate
1000Japan2025-08-15
1001France2025-08-29
1002United Kingdom2025-08-23
1003Spain2025-08-03
1004Russia2025-08-23
1005Italy2025-08-09
1006Spain2025-08-15
1007Italy2025-08-29
1008Australia2025-08-05
1009Australia2025-08-29
1010Argentina2025-08-22
1011Italy2025-08-20
1012Canada2025-08-22
1013Japan2025-08-20
1014Japan2025-08-15
1015Japan2025-08-06
1016Italy2025-08-11
1017Italy2025-08-26
1018France2025-08-05
1019Russia2025-08-15
1020United Kingdom2025-08-19
1021Brazil2025-08-26
1022Australia2025-08-15
1023France2025-08-30
1024Canada2025-08-09
1025Spain2025-08-10
1026Australia2025-08-17
1027Japan2025-08-06
1028Argentina2025-08-26
1029Australia2025-08-13
1030United Kingdom2025-08-16
1031Canada2025-08-23
1032India2025-08-24
1033Japan2025-08-23
1034Spain2025-08-23
1035Argentina2025-08-21
1036Australia2025-08-25
1037United Kingdom2025-08-01
1038Russia2025-08-08
1039Germany2025-08-04
1040Spain2025-08-07
1041France2025-08-30
1042Spain2025-08-28
1043Argentina2025-08-26
1044Australia2025-08-17
1045Argentina2025-08-01
1046Spain2025-08-24
1047France2025-08-21
1048Australia2025-08-22
1049Brazil2025-08-27

On-Demand Data

NameIdCountryDate
Mayumi N Rim1000India2025-08-25
Cody D Morasca1001Brazil2025-08-21
Sinclair A Briddick1002Spain2025-08-13
Jennifer C Sergi1003Brazil2025-08-27
Darci R Perin1004Spain2025-08-28
Jones M Caudy1005Italy2025-08-26
Maisha E Caudy1006Japan2025-08-15
Ashley J Bowley1007Japan2025-08-02
Costa B Shinko1008Russia2025-08-08
Jeanfrancois J Morasca1009Italy2025-08-05
Izzy A Oldroyd1010United Kingdom2025-08-02
Salvatore M Darakjy1011Canada2025-08-19
Aika Y Butt1012Australia2025-08-13
Alejandro J Kolmetz1013India2025-08-01
Juan Q Gillian1014United Kingdom2025-08-23
Izzy V Gaucho1015Germany2025-08-20
Maisha T Marrier1016France2025-08-24
Ricardo S Albares1017Japan2025-08-30
Silvio I Flosi1018Argentina2025-08-21
Ricardo B Kolmetz1019France2025-08-06
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Tony H KolmetzRussiaStephen Shaw PROPOSAL
Jones T StensethCanadaAmy Elsner NEGOTIATION
Ivar V ChuiCanadaIoni Bowcher NEGOTIATION
Francesco Y SaylorsIndiaIoni Bowcher RENEWAL
Murillo O GillianArgentinaXuxue Feng QUALIFIED
Jones U GillianArgentinaAsiya Javayant NEW
Ashley O NickaGermanyElwin Sharvill NEGOTIATION
Jefferson K PaprockiGermanyXuxue Feng NEW
Juan K ButtAustraliaIoni Bowcher NEGOTIATION
Aruna S RoysterItalyAnna Fali NEGOTIATION
Maisha X InouyeItalyIvan Magalhaes UNQUALIFIED
Sinclair M KolmetzIndiaStephen Shaw RENEWAL
Clifford K WhobreyRussiaAsiya Javayant NEW
Juan I TollnerUnited KingdomIoni Bowcher NEW
Leja Y OldroydFranceIvan Magalhaes QUALIFIED
Adams X RimUnited KingdomIoni Bowcher QUALIFIED
Kadeem D PoquetteIndiaAnna Fali PROPOSAL
Ivar J GarufiJapanXuxue Feng UNQUALIFIED
Isabel R OldroydGermanyBernardo Dominic RENEWAL
Rodrigues J DarakjyGermanyAsiya Javayant PROPOSAL
Leja Y WhobreyUnited KingdomIoni Bowcher PROPOSAL
Jeanfrancois H SergiIndiaStephen Shaw UNQUALIFIED
Clifford Y WaycottGermanyStephen Shaw UNQUALIFIED
Smith F CaudyRussiaIvan Magalhaes UNQUALIFIED
Greenwood O PaprockiBrazilAsiya Javayant UNQUALIFIED
Arvin L ShinkoSpainIoni Bowcher QUALIFIED
Sinclair F RimFranceStephen Shaw PROPOSAL
Chavez C WaycottBrazilBernardo Dominic NEGOTIATION
Francesco U SergiBrazilOnyama Limba UNQUALIFIED
Arvin G OstroskyIndiaIoni Bowcher NEGOTIATION
Aditya Z CampainArgentinaAsiya Javayant NEGOTIATION
Aika N StensethJapanIoni Bowcher NEGOTIATION
Jennifer K CampainFranceOnyama Limba RENEWAL
David X CaldareraBrazilBernardo Dominic RENEWAL
Chavez R BowleyFranceIvan Magalhaes RENEWAL
Aruna T RoysterAustraliaIoni Bowcher NEW
Salvatore H BologniaSpainAmy Elsner NEGOTIATION
Claire D KolmetzSpainElwin Sharvill QUALIFIED
James J VenereIndiaElwin Sharvill NEW
Izzy Y InouyeItalyAsiya Javayant QUALIFIED

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