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
Jefferson Y DilliardJapanOnyama Limba RENEWAL
Clifford J CaldareraRussiaAmy Elsner NEW
Mujtaba Q FerenczArgentinaIoni Bowcher RENEWAL
Ashley O RimCanadaBernardo Dominic UNQUALIFIED
Aika F MaletSpainStephen Shaw UNQUALIFIED
Jefferson I BowleyUnited KingdomStephen Shaw NEGOTIATION
Claire F SlusarskiBrazilIvan Magalhaes RENEWAL
Alejandro K SlusarskiJapanAnna Fali NEW
Ivar Z OstroskyArgentinaAnna Fali PROPOSAL
Morrow R IturbideSpainAsiya Javayant NEGOTIATION
Misaki F GlickArgentinaAnna Fali NEW
Arvin U DoeRussiaOnyama Limba NEGOTIATION
Izzy Y ChuiArgentinaXuxue Feng QUALIFIED
Darci L PoquetteFranceBernardo Dominic NEW
Izzy U TollnerRussiaXuxue Feng QUALIFIED
David U StockhamJapanAsiya Javayant NEW
Izzy Q CaldareraUnited KingdomAsiya Javayant NEGOTIATION
Nicolas W AlbaresSpainStephen Shaw PROPOSAL
Tony E RulapaughFranceAsiya Javayant PROPOSAL
Morrow D AmigonGermanyOnyama Limba NEGOTIATION
Aruna R RimSpainIoni Bowcher NEW
Julie S BriddickBrazilXuxue Feng RENEWAL
Nicolas H TollnerItalyAsiya Javayant PROPOSAL
Adams V CaldareraIndiaAsiya Javayant RENEWAL
Kaitlin E NickaIndiaBernardo Dominic UNQUALIFIED
Ricardo Z NickaFranceBernardo Dominic RENEWAL
David V CaudyRussiaIvan Magalhaes RENEWAL
Darci Y DilliardFranceAsiya Javayant PROPOSAL
Salvatore I SlusarskiItalyStephen Shaw NEW
Jefferson E ChuiJapanElwin Sharvill NEW
Leja D FollerUnited KingdomStephen Shaw QUALIFIED
Tony D ChuiAustraliaXuxue Feng RENEWAL
Mujtaba M InouyeCanadaStephen Shaw QUALIFIED
Arvin G InouyeRussiaXuxue Feng UNQUALIFIED
Francesco N FerenczJapanAmy Elsner PROPOSAL
Costa P CaudyUnited KingdomIoni Bowcher NEGOTIATION
James Q TollnerSpainIoni Bowcher UNQUALIFIED
Leon T PaprockiIndiaStephen Shaw RENEWAL
Juan A GlickIndiaElwin Sharvill PROPOSAL
Smith X DilliardIndiaBernardo Dominic PROPOSAL
Jeanfrancois S DoeUnited KingdomOnyama Limba NEW
Alejandro Y WhobreyFranceBernardo Dominic NEGOTIATION
Izzy W MaletAustraliaAmy Elsner NEGOTIATION
Cody U CampainJapanXuxue Feng PROPOSAL
Greenwood L BologniaCanadaAnna Fali UNQUALIFIED
Aditya K WaycottIndiaOnyama Limba NEW
Octavia Y DarakjyFranceOnyama Limba NEGOTIATION
Juan M MacleadFranceStephen Shaw PROPOSAL
Maisha U FigeroaUnited KingdomOnyama Limba RENEWAL
Jennifer U SergiBrazilIvan Magalhaes UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Kaitlin Z CaldareraArgentinaElwin Sharvill RENEWAL
Jennifer S WhobreyFranceBernardo Dominic NEW
Francesco U StensethSpainStephen Shaw PROPOSAL
Silvio Y DarakjyCanadaAsiya Javayant NEGOTIATION
Silvio I CampainBrazilElwin Sharvill RENEWAL
Claire K SlusarskiSpainAmy Elsner NEGOTIATION
Leja I CaldareraUnited KingdomAnna Fali QUALIFIED
Rodrigues A DilliardUnited KingdomXuxue Feng RENEWAL
Aruna H KolmetzJapanAmy Elsner PROPOSAL
Jennifer V InouyeRussiaElwin Sharvill RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Aika S GillianAustralia2026-08-25Dorl, James J Esq NEW42Anna Fali
1001Costa T BologniaItaly2026-09-03Truhlar And Truhlar Attys NEW96Elwin Sharvill
1002Aruna O AmigonGermany2026-08-26Feiner Bros NEW43Amy Elsner
1003Francesco I CaldareraRussia2026-09-08Feiner Bros NEW57Ioni Bowcher
1004Isabel W SaylorsFrance2026-09-18Feiner Bros NEW47Anna Fali
1005Nicolas S KuskoSpain2026-09-16Chapman, Ross E Esq QUALIFIED97Ioni Bowcher
1006Rodrigues Z WaycottRussia2026-09-21Feiner Bros RENEWAL81Ioni Bowcher
1007Octavia D StensethUnited Kingdom2026-08-24Feltz Printing Service NEW21Anna Fali
1008Mayumi E MorascaBrazil2026-09-06Printing Dimensions QUALIFIED93Onyama Limba
1009David K ShinkoArgentina2026-08-31Rangoni Of Florence QUALIFIED33Asiya Javayant
1010Kadeem Y MaletRussia2026-08-28Feltz Printing Service NEGOTIATION44Bernardo Dominic
1011David A BologniaUnited Kingdom2026-08-23Benton, John B Jr NEGOTIATION72Elwin Sharvill
1012Leon Y FlosiSpain2026-09-03Chanay, Jeffrey A Esq NEW53Amy Elsner
1013Jones K WhobreyGermany2026-09-09Rousseaux, Michael Esq NEW66Anna Fali
1014Jennifer N WieserIndia2026-09-03Buckley Miller Wright UNQUALIFIED58Anna Fali
1015Maria X VocelkaJapan2026-09-18Dorl, James J Esq NEGOTIATION95Bernardo Dominic
1016Ivar F BriddickIndia2026-09-15Chanay, Jeffrey A Esq QUALIFIED97Asiya Javayant
1017Sinclair V MaletItaly2026-09-21Morlong Associates UNQUALIFIED50Anna Fali
1018Maria M FigeroaCanada2026-09-21Rangoni Of Florence NEGOTIATION39Ivan Magalhaes
1019Juan K PoquetteIndia2026-08-30Rangoni Of Florence NEGOTIATION83Ioni Bowcher
1020Cody R GillianGermany2026-08-30Buckley Miller Wright QUALIFIED78Asiya Javayant
1021Morrow J MorascaJapan2026-09-02Chemel, James L Cpa UNQUALIFIED65Ivan Magalhaes
1022Jefferson M NickaGermany2026-09-15Feltz Printing Service QUALIFIED1Ivan Magalhaes
1023Mujtaba H BowleyGermany2026-09-06Commercial Press PROPOSAL2Onyama Limba
1024Emily C BologniaAustralia2026-09-21Chanay, Jeffrey A Esq QUALIFIED12Ivan Magalhaes
1025Murillo O PerinRussia2026-09-01Chapman, Ross E Esq RENEWAL65Bernardo Dominic
1026Leja N FollerArgentina2026-09-17Buckley Miller Wright QUALIFIED32Ioni Bowcher
1027Costa Y OldroydGermany2026-09-14Commercial Press PROPOSAL69Stephen Shaw
1028Smith H MaletBrazil2026-09-16Morlong Associates NEW49Asiya Javayant
1029Kadeem P GlickArgentina2026-09-18Feiner Bros RENEWAL87Ioni Bowcher
1030Kadeem M InouyeGermany2026-08-23King, Christopher A Esq NEGOTIATION43Amy Elsner
1031Deepesh N MaletBrazil2026-09-04Chanay, Jeffrey A Esq UNQUALIFIED43Asiya Javayant
1032Salvatore Y FlosiFrance2026-09-10Chanay, Jeffrey A Esq RENEWAL36Anna Fali
1033Silvio F KolmetzGermany2026-09-10Feiner Bros NEW74Bernardo Dominic
1034Salvatore Q TollnerSpain2026-09-16Feltz Printing Service QUALIFIED56Amy Elsner
1035Clifford T CampainCanada2026-09-04Dorl, James J Esq NEGOTIATION14Xuxue Feng
1036Juan Q GarufiSpain2026-09-10Chanay, Jeffrey A Esq NEW29Stephen Shaw
1037Alejandro M RimIndia2026-09-21King, Christopher A Esq PROPOSAL58Onyama Limba
1038Ivar I KolmetzRussia2026-09-04Feiner Bros UNQUALIFIED37Stephen Shaw
1039Leon N MorascaJapan2026-09-12Feltz Printing Service NEW66Anna Fali
1040Kaitlin A BowleyAustralia2026-08-25Dorl, James J Esq PROPOSAL92Asiya Javayant
1041Jeanfrancois N VocelkaRussia2026-08-29King, Christopher A Esq UNQUALIFIED43Xuxue Feng
1042Clifford F FlosiIndia2026-09-09King, Christopher A Esq PROPOSAL28Stephen Shaw
1043Nicolas L WieserAustralia2026-09-14Rousseaux, Michael Esq NEGOTIATION3Onyama Limba
1044Silvio W BriddickFrance2026-08-28Morlong Associates QUALIFIED58Xuxue Feng
1045Juan E KuskoCanada2026-08-28Buckley Miller Wright NEGOTIATION56Xuxue Feng
1046Jones Z FerenczAustralia2026-09-05Morlong Associates RENEWAL56Amy Elsner
1047Leon O MaletGermany2026-09-07Feiner Bros QUALIFIED8Stephen Shaw
1048Alejandro Q BologniaFrance2026-08-31Rangoni Of Florence NEW72Stephen Shaw
1049Adams F NestleRussia2026-08-24Feltz Printing Service NEW13Ivan Magalhaes
Frozen Rows
NameCountryRepresentativeStatus
Stacey L FlosiFranceStephen Shaw NEW
Jeanfrancois E InouyeIndiaIoni Bowcher NEGOTIATION
Ricardo N NickaArgentinaXuxue Feng NEGOTIATION
Silvio I WaycottJapanAsiya Javayant UNQUALIFIED
Juan C ChuiGermanyAmy Elsner PROPOSAL
Aika E KuskoAustraliaAsiya Javayant QUALIFIED
Claire J MorascaBrazilAmy Elsner PROPOSAL
Leon V BologniaBrazilOnyama Limba NEW
Deepesh S MacleadJapanBernardo Dominic NEGOTIATION
Darci J KolmetzAustraliaOnyama Limba NEGOTIATION
Misaki N AmigonUnited KingdomStephen Shaw NEGOTIATION
Murillo Y StockhamCanadaXuxue Feng NEGOTIATION
Mujtaba B CaldareraBrazilIoni Bowcher NEW
Mujtaba J CampainArgentinaIvan Magalhaes NEGOTIATION
Jones Q ButtGermanyAsiya Javayant UNQUALIFIED
Kaitlin Z CampainBrazilAsiya Javayant PROPOSAL
Misaki Z DarakjyJapanOnyama Limba RENEWAL
Aruna J StockhamRussiaIoni Bowcher PROPOSAL
Rodrigues W SlusarskiBrazilIvan Magalhaes NEW
Mujtaba W TollnerIndiaIvan Magalhaes UNQUALIFIED
Smith D KolmetzIndiaElwin Sharvill NEGOTIATION
Ivar B FollerJapanElwin Sharvill QUALIFIED
Costa C StensethUnited KingdomAnna Fali PROPOSAL
Adams H GarufiSpainIvan Magalhaes QUALIFIED
Silvio J IturbideArgentinaAsiya Javayant UNQUALIFIED
Kaitlin I FlosiRussiaXuxue Feng PROPOSAL
Nicolas C SaylorsFranceOnyama Limba NEW
David B GarufiFranceAsiya Javayant QUALIFIED
Faith P StockhamJapanElwin Sharvill NEGOTIATION
Rodrigues Q SlusarskiBrazilAnna Fali UNQUALIFIED
Maria O TollnerArgentinaElwin Sharvill UNQUALIFIED
Jeanfrancois K RulapaughUnited KingdomStephen Shaw PROPOSAL
James G AlbaresSpainElwin Sharvill QUALIFIED
Silvio L CampainUnited KingdomOnyama Limba QUALIFIED
Kadeem C PaprockiUnited KingdomIoni Bowcher PROPOSAL
Jennifer G WhobreyItalyElwin Sharvill QUALIFIED
Octavia I SergiJapanAnna Fali PROPOSAL
Rodrigues G DoeItalyAnna Fali RENEWAL
Deepesh J SlusarskiItalyXuxue Feng QUALIFIED
Costa R BologniaBrazilAmy Elsner UNQUALIFIED
Arvin S WieserIndiaIoni Bowcher NEW
Chavez B MaletBrazilStephen Shaw QUALIFIED
Octavia D WaycottIndiaAmy Elsner NEGOTIATION
Maisha E AmigonFranceIvan Magalhaes RENEWAL
Clifford G CaudyAustraliaAnna Fali RENEWAL
Kaitlin Z AmigonRussiaIoni Bowcher NEGOTIATION
Deepesh G ShinkoArgentinaBernardo Dominic QUALIFIED
Jones X MorascaJapanIoni Bowcher UNQUALIFIED
Sinclair I ChuiJapanElwin Sharvill PROPOSAL
Ricardo E BologniaAustraliaIvan Magalhaes NEW
Frozen Columns
Name
Emily J Stockham
Cody Y Stenseth
Izzy M Garufi
Alejandro Z Foller
Adams C Briddick
Maria X Campain
Ricardo A Ferencz
Mayumi G Rim
Claire V Bowley
Jeanfrancois S Caldarera
Jones L Royster
Kadeem P Glick
Chavez O Rim
David U Gillian
Emily A Campain
David Y Darakjy
David X Ostrosky
Jefferson N Tollner
Maria L Figeroa
Isabel A Caudy
Arvin V Briddick
Silvio T Marrier
Juan O Doe
Tony S Morasca
Mujtaba E Caldarera
Aruna G Malet
Greenwood W Nicka
Munro Z Schemmer
Jefferson X Tollner
Claire G Ostrosky
Jeanfrancois Y Tollner
Smith J Tollner
Mayumi X Ostrosky
Leon J Amigon
Emily B Ruta
Ivar L Rim
Salvatore M Kolmetz
Kadeem N Albares
Kadeem R Rim
Alejandro U Paprocki
Smith M Dilliard
Ricardo E Shinko
Costa R Caudy
Mayumi D Waycott
Salvatore N Whobrey
Julie U Stockham
Adams M Poquette
Darci E Tollner
Clifford J Schemmer
Alejandro H Bowley
IdCountryDate
1000Russia2026-09-21
1001Russia2026-08-25
1002Japan2026-09-02
1003United Kingdom2026-09-18
1004Spain2026-08-28
1005Russia2026-09-17
1006Canada2026-09-05
1007United Kingdom2026-08-27
1008Japan2026-09-13
1009Italy2026-09-07
1010Brazil2026-09-12
1011India2026-09-01
1012Spain2026-09-15
1013Germany2026-09-16
1014Russia2026-08-29
1015Argentina2026-09-12
1016Spain2026-09-07
1017Argentina2026-09-21
1018Germany2026-09-19
1019Japan2026-09-05
1020United Kingdom2026-09-06
1021Spain2026-09-09
1022Russia2026-09-15
1023France2026-08-29
1024India2026-09-12
1025Brazil2026-08-24
1026United Kingdom2026-09-06
1027Brazil2026-09-15
1028India2026-09-08
1029Argentina2026-09-04
1030Argentina2026-09-11
1031Argentina2026-09-05
1032India2026-09-10
1033Australia2026-09-16
1034Germany2026-09-13
1035India2026-09-05
1036Spain2026-09-05
1037Russia2026-08-31
1038Brazil2026-09-11
1039Russia2026-09-15
1040United Kingdom2026-08-27
1041Brazil2026-09-04
1042Spain2026-08-25
1043United Kingdom2026-09-07
1044Argentina2026-08-31
1045France2026-09-12
1046Italy2026-08-24
1047Italy2026-09-15
1048Germany2026-09-14
1049United Kingdom2026-09-15

On-Demand Data

NameIdCountryDate
Tony O Caudy1000Australia2026-09-12
Deepesh X Gillian1001United Kingdom2026-09-15
Faith S Inouye1002Canada2026-08-26
Silvio J Ostrosky1003Spain2026-09-21
Morrow G Ruta1004Japan2026-09-18
Mayumi S Figeroa1005Russia2026-09-10
Aditya M Kusko1006Spain2026-08-30
Mayumi S Nestle1007India2026-09-21
Leon S Foller1008Russia2026-09-09
Jones V Darakjy1009France2026-09-01
Greenwood T Garufi1010United Kingdom2026-09-13
Johnson M Caudy1011Argentina2026-09-05
Wickens H Dilliard1012India2026-09-18
Aruna T Nicka1013United Kingdom2026-09-20
Faith O Foller1014France2026-09-14
Adams C Ruta1015Germany2026-08-26
Morrow N Saylors1016Brazil2026-08-30
Izzy I Sergi1017India2026-09-10
Izzy R Rim1018Germany2026-08-31
Francesco T Gaucho1019France2026-08-26
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Salvatore O RulapaughItalyXuxue Feng QUALIFIED
Deepesh Y DoeArgentinaAmy Elsner RENEWAL
Leon T PerinJapanAmy Elsner PROPOSAL
Misaki O SlusarskiSpainAsiya Javayant PROPOSAL
Salvatore G MorascaBrazilXuxue Feng NEGOTIATION
Nicolas J DoeArgentinaAsiya Javayant UNQUALIFIED
Chavez D SergiBrazilOnyama Limba PROPOSAL
Maria G GauchoBrazilAsiya Javayant PROPOSAL
Tony Y BologniaUnited KingdomElwin Sharvill UNQUALIFIED
Adams N FerenczCanadaXuxue Feng RENEWAL
Alejandro F StockhamFranceXuxue Feng QUALIFIED
Arvin G GarufiItalyIvan Magalhaes RENEWAL
Jones P FerenczJapanElwin Sharvill NEGOTIATION
Kadeem X OldroydUnited KingdomStephen Shaw NEW
Johnson L KuskoItalyIoni Bowcher UNQUALIFIED
Costa G ShinkoCanadaAsiya Javayant RENEWAL
Kaitlin U OstroskyRussiaOnyama Limba QUALIFIED
Maisha E WhobreyRussiaIvan Magalhaes NEW
Nicolas X BologniaJapanBernardo Dominic PROPOSAL
Aruna F NestleSpainElwin Sharvill UNQUALIFIED
Leja E SergiBrazilElwin Sharvill NEW
David Q MorascaJapanXuxue Feng RENEWAL
Aika Q CaldareraItalyBernardo Dominic RENEWAL
Chavez Q InouyeSpainIoni Bowcher RENEWAL
Alejandro Q OstroskyArgentinaStephen Shaw PROPOSAL
Juan H FerenczItalyIvan Magalhaes UNQUALIFIED
Greenwood O NestleGermanyBernardo Dominic NEGOTIATION
Rodrigues Y FerenczUnited KingdomElwin Sharvill PROPOSAL
Jeanfrancois I FerenczCanadaStephen Shaw QUALIFIED
Alejandro Y GarufiGermanyIvan Magalhaes QUALIFIED
Isabel N MacleadArgentinaAnna Fali RENEWAL
Jefferson J BologniaRussiaElwin Sharvill QUALIFIED
Wickens B SlusarskiSpainOnyama Limba QUALIFIED
Kadeem E DoeUnited KingdomAmy Elsner UNQUALIFIED
Ashley W KolmetzArgentinaStephen Shaw UNQUALIFIED
Deepesh R DarakjyArgentinaElwin Sharvill PROPOSAL
James H InouyeUnited KingdomAnna Fali PROPOSAL
Stacey J RoysterBrazilStephen Shaw PROPOSAL
Murillo C SlusarskiCanadaXuxue Feng PROPOSAL
Greenwood W KuskoFranceAnna Fali 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>