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
Cody A FollerIndiaIoni Bowcher RENEWAL
Leja E WieserGermanyOnyama Limba UNQUALIFIED
Chavez Y DilliardRussiaElwin Sharvill RENEWAL
Tony U SergiItalyIvan Magalhaes UNQUALIFIED
Cody T BowleyUnited KingdomOnyama Limba PROPOSAL
Maisha G CaudyUnited KingdomAnna Fali RENEWAL
Ivar Q MaletItalyElwin Sharvill NEGOTIATION
Nicolas D SchemmerUnited KingdomOnyama Limba QUALIFIED
Emily G FlosiAustraliaBernardo Dominic RENEWAL
Claire E GlickIndiaElwin Sharvill PROPOSAL
Aruna O GillianUnited KingdomStephen Shaw NEGOTIATION
Nicolas S FigeroaBrazilIvan Magalhaes QUALIFIED
Maria W AmigonJapanElwin Sharvill NEGOTIATION
Alejandro S DoeBrazilAsiya Javayant PROPOSAL
Ivar B DilliardItalyAsiya Javayant NEGOTIATION
Smith T SlusarskiRussiaElwin Sharvill UNQUALIFIED
Claire Y StensethRussiaAmy Elsner PROPOSAL
Aruna J WaycottItalyIvan Magalhaes NEW
Maisha K CaldareraJapanIoni Bowcher RENEWAL
Jennifer K ShinkoAustraliaElwin Sharvill NEW
Johnson G CaldareraGermanyStephen Shaw NEGOTIATION
Tony V GauchoRussiaXuxue Feng PROPOSAL
Jeanfrancois F WieserJapanStephen Shaw UNQUALIFIED
Costa X TollnerFranceIoni Bowcher RENEWAL
Jennifer H FlosiCanadaXuxue Feng UNQUALIFIED
Jefferson G AlbaresIndiaStephen Shaw NEW
Nicolas S FollerItalyStephen Shaw RENEWAL
Jeanfrancois L VenereUnited KingdomXuxue Feng RENEWAL
Chavez X OstroskyGermanyAsiya Javayant NEW
Ivar E CaldareraArgentinaAmy Elsner UNQUALIFIED
Maisha J CaudyBrazilIoni Bowcher UNQUALIFIED
Aruna Z MarrierBrazilXuxue Feng UNQUALIFIED
Jones E GlickAustraliaBernardo Dominic PROPOSAL
Emily K IturbideIndiaOnyama Limba PROPOSAL
Mayumi R CaldareraFranceStephen Shaw NEGOTIATION
Jones B OldroydGermanyAnna Fali NEGOTIATION
Stacey K PerinUnited KingdomXuxue Feng UNQUALIFIED
Nicolas E BowleyGermanyAmy Elsner NEW
Deepesh I CaldareraSpainIvan Magalhaes PROPOSAL
Johnson Q FollerGermanyOnyama Limba UNQUALIFIED
Maria U WieserArgentinaStephen Shaw PROPOSAL
Francesco H RoysterUnited KingdomAmy Elsner QUALIFIED
Julie Q RulapaughBrazilElwin Sharvill RENEWAL
Misaki F AmigonFranceAsiya Javayant UNQUALIFIED
Wickens O NestleSpainAnna Fali NEGOTIATION
Faith I MacleadFranceStephen Shaw QUALIFIED
Mujtaba Q SlusarskiBrazilAnna Fali NEGOTIATION
Chavez B MacleadGermanyXuxue Feng RENEWAL
Johnson L FerenczJapanAnna Fali PROPOSAL
Ashley L TollnerSpainOnyama Limba RENEWAL
Horizontal
NameCountryRepresentativeStatus
Leja Y ShinkoIndiaStephen Shaw NEGOTIATION
Arvin E PaprockiAustraliaIvan Magalhaes NEGOTIATION
Aika K ButtBrazilElwin Sharvill NEW
Costa Z MaletBrazilIvan Magalhaes NEW
Adams B PaprockiIndiaBernardo Dominic QUALIFIED
Silvio Z BowleyRussiaStephen Shaw PROPOSAL
Salvatore M MaletSpainIoni Bowcher NEW
Jones I ShinkoUnited KingdomAnna Fali NEGOTIATION
Silvio D AlbaresAustraliaStephen Shaw UNQUALIFIED
Chavez A MaletAustraliaStephen Shaw NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Isabel W WhobreyFrance2026-09-24Commercial Press RENEWAL67Anna Fali
1001Clifford O InouyeIndia2026-09-27Feiner Bros NEW39Elwin Sharvill
1002Maisha U TollnerIndia2026-09-27King, Christopher A Esq NEGOTIATION67Anna Fali
1003Wickens L KolmetzBrazil2026-09-17Benton, John B Jr NEGOTIATION61Stephen Shaw
1004Emily Z CaudyAustralia2026-10-07Feiner Bros NEW3Ivan Magalhaes
1005Rodrigues C KuskoAustralia2026-09-23Chemel, James L Cpa NEW9Elwin Sharvill
1006Aika R FollerFrance2026-10-02Chapman, Ross E Esq RENEWAL89Xuxue Feng
1007Francesco F GarufiSpain2026-10-08Rangoni Of Florence RENEWAL72Xuxue Feng
1008Munro N MaletAustralia2026-09-30Buckley Miller Wright UNQUALIFIED15Asiya Javayant
1009James K CaudySpain2026-09-21Truhlar And Truhlar Attys RENEWAL97Asiya Javayant
1010Silvio W AlbaresFrance2026-09-30Morlong Associates NEGOTIATION79Ivan Magalhaes
1011Costa P ButtAustralia2026-09-14King, Christopher A Esq UNQUALIFIED26Amy Elsner
1012Tony Q RutaGermany2026-09-19King, Christopher A Esq PROPOSAL64Amy Elsner
1013Mayumi X KolmetzIndia2026-09-25Feiner Bros NEGOTIATION29Onyama Limba
1014Salvatore Z AlbaresAustralia2026-10-04King, Christopher A Esq UNQUALIFIED11Ivan Magalhaes
1015Costa Z CaudyRussia2026-09-18Chanay, Jeffrey A Esq QUALIFIED25Ivan Magalhaes
1016Claire P ButtRussia2026-09-23Rousseaux, Michael Esq QUALIFIED28Xuxue Feng
1017Wickens L VocelkaFrance2026-09-30King, Christopher A Esq UNQUALIFIED33Onyama Limba
1018Francesco V WhobreyAustralia2026-10-01Buckley Miller Wright QUALIFIED70Xuxue Feng
1019Leja G NickaIndia2026-10-07Dorl, James J Esq NEW98Bernardo Dominic
1020Silvio S CaudyGermany2026-09-18Dorl, James J Esq UNQUALIFIED82Ioni Bowcher
1021Morrow R CaudyGermany2026-09-10Commercial Press QUALIFIED53Ivan Magalhaes
1022Isabel V IturbideBrazil2026-09-19King, Christopher A Esq NEGOTIATION55Stephen Shaw
1023Misaki O StockhamItaly2026-09-26Morlong Associates RENEWAL29Stephen Shaw
1024Claire B MacleadItaly2026-09-14Rangoni Of Florence NEGOTIATION92Xuxue Feng
1025Leon A SergiBrazil2026-10-01Chemel, James L Cpa PROPOSAL28Onyama Limba
1026Ivar C DilliardIndia2026-10-01Printing Dimensions UNQUALIFIED4Stephen Shaw
1027Aika F SergiRussia2026-09-16Benton, John B Jr NEGOTIATION38Xuxue Feng
1028Alejandro U CampainUnited Kingdom2026-09-28Chapman, Ross E Esq PROPOSAL51Xuxue Feng
1029Octavia J GauchoIndia2026-10-03Dorl, James J Esq NEW19Ivan Magalhaes
1030Jones R OstroskyJapan2026-10-04Rangoni Of Florence QUALIFIED42Amy Elsner
1031Claire R RoysterSpain2026-10-09Chemel, James L Cpa QUALIFIED26Amy Elsner
1032Nicolas X BowleyUnited Kingdom2026-10-04Dorl, James J Esq NEW13Bernardo Dominic
1033Izzy Y KuskoRussia2026-09-17Truhlar And Truhlar Attys NEW89Amy Elsner
1034Tony X SaylorsUnited Kingdom2026-09-18Buckley Miller Wright NEGOTIATION16Amy Elsner
1035Nicolas W PerinItaly2026-10-09Buckley Miller Wright NEW0Amy Elsner
1036Kadeem F OldroydCanada2026-09-16Chemel, James L Cpa RENEWAL4Bernardo Dominic
1037Aruna I CaudyBrazil2026-10-09Rangoni Of Florence UNQUALIFIED16Ioni Bowcher
1038Jefferson M SlusarskiUnited Kingdom2026-09-26Buckley Miller Wright NEW33Ivan Magalhaes
1039Claire B WieserItaly2026-09-10Chapman, Ross E Esq QUALIFIED11Ioni Bowcher
1040Maisha D DilliardFrance2026-10-04Rangoni Of Florence RENEWAL24Bernardo Dominic
1041Francesco E WhobreyBrazil2026-10-05Buckley Miller Wright NEW69Anna Fali
1042Wickens E GarufiIndia2026-09-16Printing Dimensions RENEWAL2Xuxue Feng
1043Costa R GlickUnited Kingdom2026-09-14Printing Dimensions PROPOSAL1Ivan Magalhaes
1044Silvio G FigeroaJapan2026-09-22Chapman, Ross E Esq NEW26Anna Fali
1045Ashley P WaycottBrazil2026-09-21Commercial Press RENEWAL29Ioni Bowcher
1046Silvio V GlickIndia2026-09-15Buckley Miller Wright QUALIFIED23Xuxue Feng
1047Jennifer J InouyeAustralia2026-09-23Truhlar And Truhlar Attys UNQUALIFIED79Bernardo Dominic
1048Aditya B StensethItaly2026-10-05Rousseaux, Michael Esq QUALIFIED9Ivan Magalhaes
1049Adams O NestleGermany2026-09-24Chanay, Jeffrey A Esq NEGOTIATION91Elwin Sharvill
Frozen Rows
NameCountryRepresentativeStatus
Aditya S KolmetzArgentinaAsiya Javayant QUALIFIED
Aditya S ShinkoCanadaOnyama Limba UNQUALIFIED
Aika O GarufiArgentinaAmy Elsner UNQUALIFIED
James A SchemmerSpainAmy Elsner PROPOSAL
Ivar X StockhamGermanyIvan Magalhaes NEGOTIATION
Smith Y SaylorsBrazilStephen Shaw UNQUALIFIED
Kadeem L StockhamFranceAsiya Javayant QUALIFIED
Faith U GauchoBrazilOnyama Limba RENEWAL
Costa P WhobreyBrazilIvan Magalhaes UNQUALIFIED
Sinclair A TollnerBrazilOnyama Limba QUALIFIED
Greenwood F MaletFranceBernardo Dominic UNQUALIFIED
Sinclair K GarufiArgentinaAnna Fali RENEWAL
Mayumi N PoquetteRussiaElwin Sharvill NEGOTIATION
Adams S StensethArgentinaAsiya Javayant PROPOSAL
Wickens C RimBrazilAnna Fali PROPOSAL
Arvin K DarakjyIndiaAsiya Javayant RENEWAL
Aditya O WaycottArgentinaElwin Sharvill UNQUALIFIED
Kadeem V WieserCanadaOnyama Limba NEW
Munro Q GarufiCanadaIvan Magalhaes RENEWAL
Alejandro Y IturbideBrazilXuxue Feng RENEWAL
Greenwood D RutaSpainOnyama Limba PROPOSAL
Arvin Q KolmetzArgentinaXuxue Feng NEGOTIATION
Chavez Q FerenczRussiaElwin Sharvill RENEWAL
Maisha U GillianCanadaAsiya Javayant UNQUALIFIED
Jennifer T VocelkaSpainAsiya Javayant UNQUALIFIED
Jones Q PerinUnited KingdomOnyama Limba NEGOTIATION
Claire O CaldareraBrazilOnyama Limba NEGOTIATION
Tony X IturbideArgentinaAnna Fali RENEWAL
Rodrigues B TollnerCanadaIoni Bowcher PROPOSAL
Jeanfrancois D RutaIndiaXuxue Feng NEGOTIATION
Kaitlin B ButtJapanAsiya Javayant PROPOSAL
Octavia R CaldareraArgentinaStephen Shaw NEGOTIATION
Juan S FigeroaFranceOnyama Limba RENEWAL
Ashley P PerinJapanElwin Sharvill UNQUALIFIED
Aruna K RutaJapanStephen Shaw QUALIFIED
Aruna E NestleRussiaIvan Magalhaes RENEWAL
Arvin B FigeroaJapanXuxue Feng PROPOSAL
Johnson D RutaIndiaXuxue Feng UNQUALIFIED
Alejandro I MaletGermanyAmy Elsner NEW
Darci O NickaBrazilIvan Magalhaes RENEWAL
Leon W OldroydArgentinaStephen Shaw NEW
Izzy G GauchoIndiaBernardo Dominic RENEWAL
Julie D FollerIndiaXuxue Feng UNQUALIFIED
David P OldroydGermanyIvan Magalhaes QUALIFIED
Darci D VenereUnited KingdomAnna Fali UNQUALIFIED
Murillo Z BowleyItalyElwin Sharvill NEW
Munro E FlosiRussiaBernardo Dominic QUALIFIED
Aruna G AmigonFranceOnyama Limba PROPOSAL
Stacey W WieserJapanAmy Elsner UNQUALIFIED
Cody K SlusarskiItalyElwin Sharvill UNQUALIFIED
Frozen Columns
Name
Faith C Flosi
Morrow Q Nicka
Morrow K Ostrosky
David K Iturbide
Leja T Waycott
Tony V Venere
Greenwood K Oldroyd
Julie F Tollner
Chavez S Whobrey
Greenwood K Marrier
Adams I Schemmer
Jeanfrancois Q Kusko
Aika G Glick
Mayumi M Kusko
Octavia V Perin
Leja V Rulapaugh
Julie Z Morasca
Wickens R Ostrosky
Chavez C Malet
Greenwood N Paprocki
Isabel M Dilliard
Jeanfrancois B Sergi
David I Foller
Antonio Z Royster
Mujtaba U Malet
Octavia V Ferencz
Julie M Garufi
Jeanfrancois Q Vocelka
Kadeem M Poquette
Tony N Briddick
Chavez W Bolognia
Maisha K Schemmer
Ivar M Briddick
Octavia W Caudy
David V Malet
Stacey J Stockham
Julie S Albares
Adams G Caudy
Jennifer U Schemmer
Izzy J Saylors
Octavia O Slusarski
Leon F Ruta
Nicolas B Stockham
David N Shinko
Clifford R Gaucho
Faith F Rulapaugh
Jefferson B Morasca
Leja W Malet
Isabel U Shinko
Ricardo F Paprocki
IdCountryDate
1000Russia2026-09-23
1001Brazil2026-09-30
1002United Kingdom2026-09-28
1003Spain2026-09-30
1004France2026-10-08
1005Argentina2026-10-02
1006Italy2026-09-28
1007Spain2026-09-24
1008Australia2026-09-14
1009Canada2026-09-30
1010Spain2026-10-06
1011Germany2026-10-01
1012United Kingdom2026-09-13
1013Canada2026-09-21
1014Italy2026-10-03
1015Brazil2026-09-20
1016India2026-10-08
1017Canada2026-10-04
1018Argentina2026-09-11
1019Australia2026-09-14
1020India2026-10-07
1021Australia2026-10-09
1022Canada2026-10-01
1023Russia2026-10-02
1024Italy2026-09-25
1025Canada2026-09-13
1026Canada2026-09-22
1027Argentina2026-09-27
1028Russia2026-09-10
1029United Kingdom2026-10-03
1030Canada2026-09-25
1031United Kingdom2026-10-08
1032India2026-09-15
1033Japan2026-09-18
1034Spain2026-09-19
1035France2026-09-28
1036Argentina2026-10-07
1037India2026-09-21
1038Australia2026-09-28
1039Spain2026-09-28
1040Canada2026-09-24
1041Argentina2026-10-02
1042Germany2026-10-06
1043United Kingdom2026-09-23
1044Japan2026-09-16
1045Australia2026-09-26
1046Argentina2026-09-25
1047United Kingdom2026-10-08
1048Germany2026-09-29
1049Argentina2026-09-18

On-Demand Data

NameIdCountryDate
Johnson P Malet1000Canada2026-09-23
Smith B Campain1001France2026-09-11
Faith T Briddick1002Germany2026-09-23
Silvio D Darakjy1003Germany2026-09-28
Maria S Darakjy1004Canada2026-10-01
Izzy O Poquette1005France2026-09-12
Jeanfrancois M Figeroa1006Russia2026-09-20
Morrow O Whobrey1007India2026-09-19
Wickens A Perin1008Argentina2026-10-01
Jennifer L Figeroa1009Italy2026-09-25
Chavez N Bolognia1010Canada2026-10-09
Aditya O Malet1011Japan2026-10-04
Kaitlin L Schemmer1012Spain2026-09-18
Silvio U Marrier1013Italy2026-09-24
Leon X Stenseth1014Germany2026-09-11
Ricardo P Vocelka1015Australia2026-10-09
Morrow H Foller1016United Kingdom2026-09-24
Francesco M Dilliard1017Germany2026-09-11
Rodrigues G Darakjy1018Australia2026-09-27
Jones T Rulapaugh1019Germany2026-09-17
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Aruna R FlosiArgentinaAnna Fali NEGOTIATION
Izzy S TollnerCanadaStephen Shaw RENEWAL
Deepesh T InouyeCanadaStephen Shaw NEW
Cody E GauchoGermanyAmy Elsner RENEWAL
Murillo Y BowleySpainIvan Magalhaes NEW
Stacey D DoeCanadaAnna Fali NEW
Emily S VenereBrazilXuxue Feng RENEWAL
Silvio R WieserUnited KingdomAsiya Javayant QUALIFIED
Arvin K BologniaFranceStephen Shaw NEW
Aika O CaudyFranceElwin Sharvill NEGOTIATION
Chavez W OldroydBrazilBernardo Dominic NEGOTIATION
Rodrigues I NestleRussiaAnna Fali NEW
Salvatore C MarrierCanadaIoni Bowcher NEGOTIATION
Misaki G SlusarskiIndiaBernardo Dominic NEGOTIATION
Silvio D VocelkaAustraliaXuxue Feng UNQUALIFIED
Ashley I CaldareraAustraliaXuxue Feng QUALIFIED
Ivar I BriddickUnited KingdomAsiya Javayant NEGOTIATION
Salvatore C SaylorsUnited KingdomAmy Elsner UNQUALIFIED
Darci Z MarrierFranceIoni Bowcher NEW
Alejandro L InouyeArgentinaOnyama Limba NEW
Costa Q RulapaughRussiaAmy Elsner QUALIFIED
Maria Z RutaUnited KingdomAnna Fali QUALIFIED
Juan W FerenczIndiaStephen Shaw NEGOTIATION
James N SergiArgentinaStephen Shaw QUALIFIED
Cody W BriddickCanadaAmy Elsner QUALIFIED
Jennifer Y NestleGermanyAmy Elsner UNQUALIFIED
Cody X FlosiBrazilStephen Shaw UNQUALIFIED
Aika W RoysterIndiaAmy Elsner NEGOTIATION
Leon Y ChuiSpainElwin Sharvill UNQUALIFIED
Arvin Z FerenczUnited KingdomOnyama Limba NEGOTIATION
David S DilliardItalyAmy Elsner PROPOSAL
Nicolas V GarufiFranceXuxue Feng RENEWAL
Murillo S TollnerJapanAsiya Javayant RENEWAL
Chavez E IturbideFranceAmy Elsner UNQUALIFIED
Aruna Q OstroskyBrazilIoni Bowcher NEW
Julie G CaldareraAustraliaOnyama Limba NEW
Clifford P MarrierIndiaBernardo Dominic QUALIFIED
Jones U DoeAustraliaAnna Fali RENEWAL
Darci A PerinSpainXuxue Feng NEW
Silvio L MacleadArgentinaBernardo Dominic 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>