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
Misaki N MacleadRussiaAnna Fali RENEWAL
Johnson Y RoysterJapanIoni Bowcher QUALIFIED
Wickens O ChuiAustraliaElwin Sharvill QUALIFIED
Maria B WhobreyUnited KingdomBernardo Dominic RENEWAL
Alejandro X SaylorsJapanAnna Fali NEW
Kadeem X CampainItalyIoni Bowcher RENEWAL
Murillo H AlbaresJapanXuxue Feng RENEWAL
Greenwood R WaycottJapanStephen Shaw RENEWAL
Julie C RutaIndiaStephen Shaw RENEWAL
Silvio G CaldareraItalyElwin Sharvill QUALIFIED
Antonio I OldroydAustraliaIvan Magalhaes NEGOTIATION
Jeanfrancois P BologniaItalyStephen Shaw NEW
Johnson N NickaItalyStephen Shaw NEW
Octavia D KuskoFranceAsiya Javayant UNQUALIFIED
Kaitlin L DarakjyBrazilElwin Sharvill NEGOTIATION
Claire W StockhamUnited KingdomAsiya Javayant RENEWAL
Munro V KuskoJapanBernardo Dominic RENEWAL
Leon X OldroydAustraliaOnyama Limba QUALIFIED
Rodrigues P DarakjyFranceElwin Sharvill NEGOTIATION
Alejandro S OstroskyCanadaBernardo Dominic NEGOTIATION
Wickens R GarufiItalyXuxue Feng QUALIFIED
Clifford Y OstroskyRussiaOnyama Limba NEW
Jeanfrancois U FlosiAustraliaBernardo Dominic QUALIFIED
Aika B WaycottAustraliaBernardo Dominic NEW
Nicolas Y NickaCanadaOnyama Limba UNQUALIFIED
Rodrigues B WieserJapanAnna Fali QUALIFIED
Maisha Y ChuiSpainAnna Fali PROPOSAL
Murillo O RulapaughIndiaXuxue Feng QUALIFIED
Costa G StockhamBrazilOnyama Limba NEGOTIATION
Smith H RutaJapanOnyama Limba NEW
David G PaprockiSpainAmy Elsner RENEWAL
Ricardo P WhobreySpainXuxue Feng PROPOSAL
Leja I NestleSpainIvan Magalhaes NEGOTIATION
Juan Q KuskoItalyXuxue Feng QUALIFIED
Jeanfrancois U VocelkaArgentinaXuxue Feng PROPOSAL
Misaki W SaylorsGermanyElwin Sharvill PROPOSAL
Chavez F ShinkoArgentinaIoni Bowcher NEW
Ashley V GillianJapanIoni Bowcher NEGOTIATION
Tony K GarufiBrazilAnna Fali NEGOTIATION
Murillo L PaprockiRussiaStephen Shaw NEW
Kadeem S KolmetzBrazilXuxue Feng QUALIFIED
Julie D MaletRussiaXuxue Feng UNQUALIFIED
Adams M CampainIndiaAmy Elsner RENEWAL
Silvio G MarrierBrazilIvan Magalhaes NEW
Johnson Y AmigonJapanOnyama Limba NEW
Chavez J CaldareraItalyStephen Shaw UNQUALIFIED
Nicolas B GillianBrazilIvan Magalhaes NEW
Misaki P SergiItalyOnyama Limba PROPOSAL
Murillo N NestleAustraliaBernardo Dominic UNQUALIFIED
Jeanfrancois R OldroydFranceElwin Sharvill NEW
Horizontal
NameCountryRepresentativeStatus
David K DilliardUnited KingdomAmy Elsner NEW
Chavez T WhobreyIndiaXuxue Feng NEW
Munro I DilliardIndiaIvan Magalhaes PROPOSAL
Tony P VenereRussiaAsiya Javayant QUALIFIED
Nicolas K WieserRussiaBernardo Dominic UNQUALIFIED
Antonio C RulapaughJapanOnyama Limba NEW
Stacey D KolmetzIndiaXuxue Feng RENEWAL
Leon A SchemmerJapanIvan Magalhaes NEGOTIATION
Ricardo E PerinIndiaAmy Elsner NEGOTIATION
Clifford T NestleCanadaBernardo Dominic UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Cody I VocelkaUnited Kingdom2026-10-01Chapman, Ross E Esq NEGOTIATION98Anna Fali
1001Jefferson I FerenczAustralia2026-09-08Feiner Bros QUALIFIED94Amy Elsner
1002Juan O MaletBrazil2026-10-02Rangoni Of Florence NEW27Xuxue Feng
1003Arvin U ButtUnited Kingdom2026-09-07Truhlar And Truhlar Attys QUALIFIED99Ioni Bowcher
1004Ashley P MaletBrazil2026-09-19Feiner Bros RENEWAL0Bernardo Dominic
1005Antonio A KuskoGermany2026-09-25Rangoni Of Florence UNQUALIFIED7Xuxue Feng
1006Alejandro X ChuiBrazil2026-09-22King, Christopher A Esq QUALIFIED54Asiya Javayant
1007Costa H ChuiBrazil2026-09-30King, Christopher A Esq RENEWAL79Ioni Bowcher
1008Tony I RutaJapan2026-09-09Buckley Miller Wright UNQUALIFIED36Anna Fali
1009Greenwood V WieserCanada2026-09-15Benton, John B Jr UNQUALIFIED87Ioni Bowcher
1010Aruna G CaudyAustralia2026-09-21Truhlar And Truhlar Attys PROPOSAL21Stephen Shaw
1011Ivar J FlosiIndia2026-09-06Commercial Press NEW11Amy Elsner
1012Antonio G WaycottAustralia2026-09-15Truhlar And Truhlar Attys NEW58Asiya Javayant
1013Faith V InouyeGermany2026-09-22Rousseaux, Michael Esq PROPOSAL43Anna Fali
1014Faith N RimAustralia2026-09-08Benton, John B Jr RENEWAL98Ivan Magalhaes
1015Kaitlin M CaudyItaly2026-09-29Feltz Printing Service PROPOSAL61Asiya Javayant
1016Jefferson X CaldareraSpain2026-10-02Rangoni Of Florence UNQUALIFIED73Asiya Javayant
1017Kadeem G StensethIndia2026-09-20Truhlar And Truhlar Attys RENEWAL96Stephen Shaw
1018Darci B TollnerArgentina2026-09-13Buckley Miller Wright QUALIFIED74Bernardo Dominic
1019Faith H GauchoUnited Kingdom2026-10-02Chapman, Ross E Esq NEGOTIATION65Asiya Javayant
1020Kadeem G VenereJapan2026-09-15Feltz Printing Service QUALIFIED78Ioni Bowcher
1021Nicolas J WieserAustralia2026-09-12Printing Dimensions RENEWAL64Bernardo Dominic
1022Maria J SergiUnited Kingdom2026-09-04Commercial Press RENEWAL9Bernardo Dominic
1023Faith T GarufiUnited Kingdom2026-09-05Chemel, James L Cpa RENEWAL86Stephen Shaw
1024Aika E StensethBrazil2026-09-29Buckley Miller Wright RENEWAL18Asiya Javayant
1025Aika G DilliardGermany2026-09-09Commercial Press UNQUALIFIED44Anna Fali
1026Ivar G PaprockiSpain2026-09-03Feltz Printing Service PROPOSAL64Asiya Javayant
1027James E BologniaIndia2026-09-07Rangoni Of Florence UNQUALIFIED14Ioni Bowcher
1028Izzy Y GarufiRussia2026-09-14Printing Dimensions NEW88Onyama Limba
1029Mujtaba D FigeroaAustralia2026-09-21Truhlar And Truhlar Attys RENEWAL54Anna Fali
1030Aditya S VocelkaIndia2026-09-10Morlong Associates RENEWAL88Bernardo Dominic
1031Kaitlin W RulapaughSpain2026-09-08King, Christopher A Esq UNQUALIFIED40Bernardo Dominic
1032Sinclair Z PerinCanada2026-09-15Morlong Associates RENEWAL19Amy Elsner
1033Maria O VenereGermany2026-09-24Feiner Bros UNQUALIFIED53Asiya Javayant
1034Clifford L CampainRussia2026-09-06Commercial Press RENEWAL65Anna Fali
1035Mujtaba E WaycottRussia2026-10-01King, Christopher A Esq UNQUALIFIED46Onyama Limba
1036Murillo E BologniaItaly2026-09-13Feiner Bros PROPOSAL78Asiya Javayant
1037Smith B RoysterCanada2026-09-26King, Christopher A Esq PROPOSAL32Asiya Javayant
1038Octavia A PoquetteFrance2026-09-21Dorl, James J Esq NEW82Asiya Javayant
1039Nicolas C GlickUnited Kingdom2026-09-07Rousseaux, Michael Esq NEW0Xuxue Feng
1040Aruna A BriddickAustralia2026-09-17Rousseaux, Michael Esq NEW65Onyama Limba
1041Morrow J TollnerIndia2026-09-26Chemel, James L Cpa NEW79Onyama Limba
1042Salvatore W SaylorsUnited Kingdom2026-10-01Commercial Press PROPOSAL12Ioni Bowcher
1043Darci H MaletRussia2026-09-08Buckley Miller Wright UNQUALIFIED58Stephen Shaw
1044Isabel T FigeroaGermany2026-09-14Dorl, James J Esq UNQUALIFIED86Stephen Shaw
1045Clifford W CaldareraSpain2026-09-10Commercial Press RENEWAL14Stephen Shaw
1046Johnson D GauchoRussia2026-09-25Benton, John B Jr QUALIFIED11Anna Fali
1047Sinclair H AmigonGermany2026-09-28Feltz Printing Service RENEWAL96Asiya Javayant
1048Clifford Z StockhamArgentina2026-10-01Commercial Press NEGOTIATION47Ivan Magalhaes
1049Antonio W PerinBrazil2026-09-08Truhlar And Truhlar Attys NEGOTIATION46Xuxue Feng
Frozen Rows
NameCountryRepresentativeStatus
Tony E OstroskyIndiaAmy Elsner NEGOTIATION
Sinclair I CampainBrazilIvan Magalhaes NEGOTIATION
Clifford E AlbaresSpainElwin Sharvill UNQUALIFIED
Johnson L BologniaBrazilElwin Sharvill PROPOSAL
Emily A MorascaGermanyAmy Elsner QUALIFIED
Ashley M FlosiRussiaIoni Bowcher PROPOSAL
Octavia A WieserUnited KingdomIoni Bowcher QUALIFIED
Greenwood T PerinCanadaAsiya Javayant QUALIFIED
Clifford F GillianIndiaBernardo Dominic UNQUALIFIED
Ricardo P NestleIndiaOnyama Limba RENEWAL
Clifford Q BologniaGermanyXuxue Feng QUALIFIED
Aika A AlbaresBrazilAsiya Javayant NEW
Claire C ShinkoBrazilAnna Fali UNQUALIFIED
Silvio Y CaldareraFranceAnna Fali NEW
Costa M MacleadUnited KingdomIvan Magalhaes QUALIFIED
Claire O WieserBrazilElwin Sharvill RENEWAL
Jennifer P FigeroaArgentinaElwin Sharvill QUALIFIED
Emily K WaycottItalyElwin Sharvill NEW
Murillo E InouyeFranceAsiya Javayant NEGOTIATION
Johnson R BriddickJapanAmy Elsner UNQUALIFIED
Arvin I AmigonSpainIvan Magalhaes UNQUALIFIED
Morrow L AmigonFranceIvan Magalhaes NEGOTIATION
Kadeem R PerinBrazilIoni Bowcher NEW
Faith Y DilliardArgentinaIoni Bowcher UNQUALIFIED
Maisha A OstroskyFranceStephen Shaw RENEWAL
Salvatore R DilliardCanadaStephen Shaw UNQUALIFIED
Rodrigues Z InouyeAustraliaBernardo Dominic RENEWAL
Isabel M KolmetzArgentinaElwin Sharvill NEW
Misaki F PaprockiJapanOnyama Limba UNQUALIFIED
Izzy F IturbideItalyBernardo Dominic QUALIFIED
Kaitlin M KolmetzItalyIvan Magalhaes NEW
Sinclair K MaletRussiaAnna Fali RENEWAL
Julie G VenereArgentinaXuxue Feng UNQUALIFIED
Maisha I PaprockiJapanXuxue Feng UNQUALIFIED
Smith O BriddickAustraliaElwin Sharvill NEGOTIATION
Aika O OstroskyGermanyXuxue Feng PROPOSAL
Smith F NestleCanadaOnyama Limba UNQUALIFIED
Wickens T ShinkoGermanyBernardo Dominic RENEWAL
Nicolas T PoquetteCanadaXuxue Feng NEGOTIATION
Aika V DoeRussiaIoni Bowcher UNQUALIFIED
Emily V VocelkaGermanyAmy Elsner NEW
Jefferson I BriddickAustraliaStephen Shaw UNQUALIFIED
Ashley K OldroydGermanyElwin Sharvill PROPOSAL
Morrow S KolmetzGermanyXuxue Feng QUALIFIED
Jefferson U FlosiIndiaIoni Bowcher NEW
Kaitlin A PerinArgentinaStephen Shaw NEW
Mayumi O WaycottJapanXuxue Feng QUALIFIED
Greenwood L StensethArgentinaAmy Elsner RENEWAL
Aditya M VenereRussiaXuxue Feng QUALIFIED
Tony I RimJapanXuxue Feng QUALIFIED
Frozen Columns
Name
Costa A Doe
Smith P Foller
Adams Z Butt
Clifford S Chui
Greenwood U Ostrosky
Ricardo Z Amigon
Cody P Butt
Tony A Malet
Leon G Kolmetz
Sinclair R Gillian
Ashley T Butt
Smith H Malet
Morrow R Doe
Aika W Maclead
Alejandro S Stenseth
Jennifer Y Glick
Greenwood T Rulapaugh
Greenwood F Stenseth
Ivar I Maclead
Francesco W Dilliard
Morrow Q Oldroyd
Faith I Slusarski
Leja G Paprocki
Antonio D Garufi
Adams S Flosi
Aditya Y Chui
Salvatore E Malet
Clifford K Caudy
Jeanfrancois W Gaucho
Aika C Stenseth
Arvin H Morasca
Maria X Campain
Wickens O Stockham
Mujtaba H Gillian
Silvio W Oldroyd
Silvio H Rim
Juan W Paprocki
Leja P Nicka
Isabel G Iturbide
Aika C Iturbide
Murillo C Malet
Mayumi S Glick
Claire I Garufi
Arvin I Albares
Rodrigues F Slusarski
Wickens D Figeroa
Mayumi T Nicka
David G Albares
Clifford G Dilliard
Munro D Rulapaugh
IdCountryDate
1000India2026-09-24
1001Argentina2026-09-22
1002Italy2026-09-15
1003France2026-09-13
1004Japan2026-10-01
1005Japan2026-09-03
1006Argentina2026-09-15
1007United Kingdom2026-09-28
1008Argentina2026-09-11
1009France2026-09-24
1010Canada2026-09-09
1011Brazil2026-09-25
1012United Kingdom2026-09-03
1013Canada2026-09-26
1014Spain2026-09-23
1015Canada2026-09-17
1016Russia2026-09-13
1017Russia2026-09-07
1018India2026-10-01
1019Spain2026-09-30
1020Russia2026-09-03
1021Canada2026-09-05
1022Japan2026-09-05
1023Argentina2026-09-18
1024Japan2026-09-05
1025Russia2026-10-02
1026Germany2026-09-24
1027France2026-09-23
1028United Kingdom2026-09-19
1029India2026-09-25
1030India2026-09-17
1031India2026-09-05
1032India2026-09-15
1033Brazil2026-09-10
1034Italy2026-09-25
1035Brazil2026-09-16
1036United Kingdom2026-09-05
1037India2026-09-25
1038India2026-09-06
1039Canada2026-09-23
1040United Kingdom2026-09-08
1041France2026-09-13
1042Brazil2026-09-19
1043Italy2026-09-27
1044Italy2026-09-22
1045India2026-09-14
1046France2026-09-27
1047India2026-09-17
1048Japan2026-09-15
1049Italy2026-09-10

On-Demand Data

NameIdCountryDate
Antonio K Campain1000Russia2026-10-01
Ricardo I Garufi1001Canada2026-09-08
Jeanfrancois G Malet1002Spain2026-09-07
Aditya U Morasca1003India2026-09-22
James U Malet1004Russia2026-09-23
Juan B Figeroa1005Japan2026-09-05
Johnson K Kusko1006Argentina2026-09-06
Aika U Garufi1007Brazil2026-09-19
Izzy E Dilliard1008Canada2026-09-21
Maisha B Campain1009United Kingdom2026-09-13
Darci C Darakjy1010Argentina2026-09-29
Ricardo C Chui1011Russia2026-09-15
Francesco P Figeroa1012Germany2026-09-18
Misaki O Tollner1013Japan2026-09-14
Ivar G Stenseth1014Spain2026-10-01
Wickens Y Rim1015Germany2026-09-10
Kaitlin D Caudy1016Japan2026-10-01
Izzy M Oldroyd1017Germany2026-09-24
Octavia C Kusko1018Spain2026-09-18
Chavez G Caudy1019France2026-09-12
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Stacey D AlbaresUnited KingdomOnyama Limba UNQUALIFIED
Morrow H IturbideJapanIoni Bowcher NEGOTIATION
Adams T MacleadBrazilIvan Magalhaes NEGOTIATION
James A InouyeBrazilAnna Fali RENEWAL
Sinclair O CaldareraGermanyXuxue Feng PROPOSAL
Silvio M OldroydJapanXuxue Feng QUALIFIED
Maria L TollnerRussiaElwin Sharvill RENEWAL
Nicolas R SlusarskiItalyElwin Sharvill RENEWAL
Juan D SaylorsFranceXuxue Feng PROPOSAL
Aditya L GauchoGermanyAnna Fali PROPOSAL
Cody O GarufiItalyAmy Elsner PROPOSAL
Faith A GillianBrazilAsiya Javayant PROPOSAL
Aditya H RimIndiaAsiya Javayant NEGOTIATION
Tony X CaudyUnited KingdomBernardo Dominic RENEWAL
Johnson X FollerIndiaIoni Bowcher NEW
Aditya M KolmetzIndiaAsiya Javayant NEW
Kadeem S StensethFranceStephen Shaw PROPOSAL
Aruna Q BologniaJapanAnna Fali NEGOTIATION
Mujtaba F BowleyAustraliaStephen Shaw NEGOTIATION
Jefferson M BologniaIndiaBernardo Dominic QUALIFIED
Julie Y TollnerBrazilXuxue Feng NEGOTIATION
Jefferson X CaldareraBrazilAmy Elsner NEGOTIATION
Aditya M CaudyIndiaAsiya Javayant QUALIFIED
Murillo N RutaJapanAmy Elsner NEW
Alejandro R MaletIndiaOnyama Limba NEGOTIATION
Aruna S MacleadSpainAmy Elsner RENEWAL
Johnson J WhobreyFranceAsiya Javayant RENEWAL
Jeanfrancois C FollerAustraliaStephen Shaw QUALIFIED
Antonio H CaldareraGermanyAmy Elsner NEW
Alejandro I VenereCanadaOnyama Limba RENEWAL
Emily I GlickJapanOnyama Limba NEGOTIATION
Isabel U BologniaAustraliaAmy Elsner NEW
Ashley A ChuiUnited KingdomXuxue Feng RENEWAL
Izzy I SergiJapanXuxue Feng UNQUALIFIED
Jeanfrancois L StensethCanadaIoni Bowcher PROPOSAL
Cody E StensethArgentinaOnyama Limba UNQUALIFIED
James D DoeArgentinaElwin Sharvill NEW
Misaki C RimFranceXuxue Feng NEGOTIATION
Jeanfrancois N BologniaSpainStephen Shaw PROPOSAL
Stacey V MaletArgentinaIoni Bowcher 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>