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
Claire T PerinUnited KingdomAsiya Javayant PROPOSAL
Adams V CaudyFranceXuxue Feng NEGOTIATION
Isabel T PoquetteFranceOnyama Limba PROPOSAL
Jefferson J KolmetzItalyOnyama Limba RENEWAL
Julie Z KolmetzIndiaAsiya Javayant UNQUALIFIED
Deepesh N BologniaCanadaElwin Sharvill RENEWAL
Munro X IturbideUnited KingdomAmy Elsner PROPOSAL
Deepesh O RutaCanadaAnna Fali PROPOSAL
Jefferson R NickaRussiaAsiya Javayant PROPOSAL
Johnson V OstroskyAustraliaAsiya Javayant NEW
Ashley X DarakjyBrazilAmy Elsner QUALIFIED
Wickens J PaprockiItalyStephen Shaw NEGOTIATION
Leja H DarakjyUnited KingdomElwin Sharvill RENEWAL
David K NestleBrazilIoni Bowcher QUALIFIED
Stacey A FlosiArgentinaOnyama Limba UNQUALIFIED
Sinclair V SchemmerBrazilElwin Sharvill PROPOSAL
Aruna N GillianItalyStephen Shaw NEW
Clifford I SaylorsRussiaAsiya Javayant NEW
Ashley Y InouyeJapanAmy Elsner NEW
Clifford W FlosiUnited KingdomBernardo Dominic UNQUALIFIED
Mayumi V NickaCanadaAmy Elsner QUALIFIED
Nicolas R InouyeCanadaIvan Magalhaes UNQUALIFIED
Misaki B MacleadJapanIoni Bowcher QUALIFIED
Jeanfrancois F MarrierRussiaStephen Shaw PROPOSAL
Aditya N SchemmerBrazilStephen Shaw QUALIFIED
Ashley W PaprockiIndiaIvan Magalhaes PROPOSAL
Johnson X WhobreyFranceAsiya Javayant NEGOTIATION
Emily V NestleIndiaAsiya Javayant UNQUALIFIED
David W BriddickCanadaIvan Magalhaes PROPOSAL
Faith C OldroydCanadaAmy Elsner UNQUALIFIED
Murillo U WhobreyItalyAnna Fali QUALIFIED
Izzy L DarakjyUnited KingdomAmy Elsner PROPOSAL
Aika G RimJapanXuxue Feng NEW
Aruna G DilliardFranceXuxue Feng NEGOTIATION
Izzy U AlbaresRussiaXuxue Feng UNQUALIFIED
Emily V VocelkaItalyAnna Fali NEGOTIATION
Ashley I InouyeBrazilBernardo Dominic RENEWAL
Aika H WaycottCanadaBernardo Dominic NEW
Aika P MarrierGermanyAmy Elsner NEGOTIATION
Claire S WhobreyIndiaOnyama Limba NEW
Emily W BologniaCanadaStephen Shaw NEW
Munro H BriddickItalyAmy Elsner UNQUALIFIED
Maria I DarakjyFranceAsiya Javayant NEW
Ashley F MaletFranceAnna Fali PROPOSAL
Jefferson H ShinkoArgentinaOnyama Limba RENEWAL
Ivar X CampainFranceOnyama Limba PROPOSAL
Julie K KuskoCanadaIoni Bowcher QUALIFIED
Murillo U BologniaUnited KingdomBernardo Dominic NEW
Claire S KuskoBrazilStephen Shaw UNQUALIFIED
Aditya W WhobreyFranceStephen Shaw PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Ricardo V CaudyUnited KingdomStephen Shaw RENEWAL
Maisha N SergiIndiaIvan Magalhaes NEGOTIATION
Rodrigues E DoeCanadaElwin Sharvill RENEWAL
Jones W FerenczAustraliaAsiya Javayant NEW
Claire I RulapaughFranceStephen Shaw NEW
Chavez S SlusarskiFranceIoni Bowcher UNQUALIFIED
David G WhobreyFranceOnyama Limba UNQUALIFIED
Kadeem Y PerinIndiaAnna Fali PROPOSAL
Greenwood L GarufiAustraliaStephen Shaw NEGOTIATION
Nicolas A GillianIndiaStephen Shaw PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Julie K KuskoGermany2026-10-14Feiner Bros UNQUALIFIED51Onyama Limba
1001James J RulapaughJapan2026-10-19Chemel, James L Cpa RENEWAL31Xuxue Feng
1002David D SlusarskiBrazil2026-11-01Dorl, James J Esq PROPOSAL51Stephen Shaw
1003Juan D KolmetzSpain2026-10-27Rousseaux, Michael Esq NEW88Asiya Javayant
1004Nicolas J WaycottBrazil2026-10-28Chanay, Jeffrey A Esq NEW50Anna Fali
1005Mayumi M NestleIndia2026-11-01King, Christopher A Esq NEW44Stephen Shaw
1006Adams A FlosiFrance2026-10-21Buckley Miller Wright UNQUALIFIED92Ivan Magalhaes
1007Tony W GauchoRussia2026-10-29Chanay, Jeffrey A Esq UNQUALIFIED19Anna Fali
1008Darci K ChuiCanada2026-10-28Rousseaux, Michael Esq PROPOSAL41Amy Elsner
1009Aditya R SchemmerBrazil2026-11-06Feltz Printing Service NEW70Amy Elsner
1010Rodrigues I GauchoAustralia2026-10-15Feiner Bros QUALIFIED5Bernardo Dominic
1011James R IturbideIndia2026-10-16Benton, John B Jr PROPOSAL52Ivan Magalhaes
1012Mujtaba P AmigonUnited Kingdom2026-11-03Rangoni Of Florence NEW57Amy Elsner
1013Ricardo K FollerBrazil2026-10-23Feiner Bros UNQUALIFIED12Anna Fali
1014Ricardo A WieserAustralia2026-10-24Feltz Printing Service UNQUALIFIED18Amy Elsner
1015Misaki M BowleyUnited Kingdom2026-10-22Chanay, Jeffrey A Esq NEGOTIATION66Ioni Bowcher
1016Sinclair I VenereSpain2026-10-16Chapman, Ross E Esq NEW58Xuxue Feng
1017Leon J RimFrance2026-10-24Chapman, Ross E Esq QUALIFIED13Anna Fali
1018Francesco O GillianCanada2026-11-03Rangoni Of Florence QUALIFIED75Asiya Javayant
1019Aika Y MarrierAustralia2026-11-07Benton, John B Jr NEW81Bernardo Dominic
1020Aruna V FollerArgentina2026-10-23Chapman, Ross E Esq NEGOTIATION48Amy Elsner
1021Mujtaba L WieserArgentina2026-10-24Dorl, James J Esq QUALIFIED50Stephen Shaw
1022Costa E NickaUnited Kingdom2026-10-15Buckley Miller Wright NEW45Ioni Bowcher
1023Murillo G FigeroaSpain2026-10-22Rousseaux, Michael Esq NEGOTIATION68Ioni Bowcher
1024Mayumi Y FerenczItaly2026-10-21Feltz Printing Service NEGOTIATION31Stephen Shaw
1025David I SaylorsSpain2026-11-08Chanay, Jeffrey A Esq QUALIFIED86Ivan Magalhaes
1026Jeanfrancois B ButtSpain2026-11-07Benton, John B Jr QUALIFIED63Asiya Javayant
1027Emily V AlbaresJapan2026-10-29Truhlar And Truhlar Attys QUALIFIED61Onyama Limba
1028Ashley P PerinAustralia2026-10-21Rousseaux, Michael Esq NEGOTIATION84Asiya Javayant
1029Jones W DarakjyIndia2026-10-21Chapman, Ross E Esq UNQUALIFIED10Ioni Bowcher
1030Ivar L CaldareraArgentina2026-11-08Printing Dimensions NEGOTIATION23Bernardo Dominic
1031Sinclair V MaletAustralia2026-10-24King, Christopher A Esq UNQUALIFIED32Onyama Limba
1032Chavez B WhobreyArgentina2026-10-30Benton, John B Jr RENEWAL93Xuxue Feng
1033Aruna O MaletAustralia2026-11-10Chapman, Ross E Esq NEGOTIATION78Ioni Bowcher
1034Costa Q GlickIndia2026-11-07Printing Dimensions NEGOTIATION6Anna Fali
1035Munro F PaprockiItaly2026-10-25Feiner Bros PROPOSAL70Onyama Limba
1036Ricardo V NickaItaly2026-11-03King, Christopher A Esq QUALIFIED30Anna Fali
1037Jennifer C RoysterIndia2026-10-27Chapman, Ross E Esq QUALIFIED89Elwin Sharvill
1038David B BologniaCanada2026-11-10Buckley Miller Wright NEW9Xuxue Feng
1039Juan P OldroydUnited Kingdom2026-10-17Rangoni Of Florence NEGOTIATION28Anna Fali
1040Misaki S RutaUnited Kingdom2026-10-16Feltz Printing Service UNQUALIFIED74Stephen Shaw
1041Octavia L MorascaUnited Kingdom2026-11-03Rousseaux, Michael Esq NEGOTIATION47Anna Fali
1042Mayumi K KuskoBrazil2026-10-20Feiner Bros PROPOSAL71Ivan Magalhaes
1043Aditya A RoysterCanada2026-10-27Chapman, Ross E Esq PROPOSAL81Bernardo Dominic
1044Kadeem P NickaRussia2026-10-20Morlong Associates UNQUALIFIED23Xuxue Feng
1045Darci H CaudyBrazil2026-10-21Dorl, James J Esq RENEWAL47Elwin Sharvill
1046Adams P GillianBrazil2026-10-16Feltz Printing Service UNQUALIFIED29Xuxue Feng
1047Costa F RoysterAustralia2026-10-17Chemel, James L Cpa PROPOSAL86Ioni Bowcher
1048Mayumi X GillianFrance2026-10-17Feltz Printing Service UNQUALIFIED32Asiya Javayant
1049Julie V ShinkoAustralia2026-11-10King, Christopher A Esq NEW53Asiya Javayant
Frozen Rows
NameCountryRepresentativeStatus
Juan J RutaItalyAnna Fali RENEWAL
Jeanfrancois J GarufiIndiaBernardo Dominic NEGOTIATION
Leon J CampainUnited KingdomIoni Bowcher UNQUALIFIED
Deepesh X RutaCanadaBernardo Dominic NEGOTIATION
Ashley J GarufiIndiaAnna Fali RENEWAL
James M StensethUnited KingdomAsiya Javayant NEGOTIATION
Rodrigues B SaylorsSpainXuxue Feng QUALIFIED
Tony H GillianSpainIoni Bowcher QUALIFIED
Ivar B SaylorsFranceXuxue Feng UNQUALIFIED
Clifford E ChuiItalyElwin Sharvill PROPOSAL
Mayumi Q KolmetzJapanAsiya Javayant QUALIFIED
Adams S CaudyCanadaBernardo Dominic NEGOTIATION
Ricardo O KolmetzGermanyIoni Bowcher RENEWAL
Antonio K CaldareraAustraliaIoni Bowcher RENEWAL
Kaitlin R BowleyGermanyIoni Bowcher NEGOTIATION
Stacey W FigeroaBrazilElwin Sharvill NEGOTIATION
Ivar F WhobreyUnited KingdomXuxue Feng NEW
Antonio V ShinkoAustraliaElwin Sharvill RENEWAL
Cody N FlosiGermanyIvan Magalhaes QUALIFIED
Mayumi K GlickBrazilOnyama Limba RENEWAL
Costa I OstroskyCanadaXuxue Feng UNQUALIFIED
Deepesh C FollerSpainAmy Elsner UNQUALIFIED
Misaki D AmigonArgentinaBernardo Dominic PROPOSAL
Jones M WhobreyBrazilStephen Shaw QUALIFIED
Cody E GauchoSpainXuxue Feng PROPOSAL
Nicolas C MaletCanadaAsiya Javayant PROPOSAL
Stacey A MaletBrazilXuxue Feng QUALIFIED
Octavia V VenereIndiaElwin Sharvill UNQUALIFIED
Juan E RulapaughAustraliaElwin Sharvill NEW
Mayumi S WaycottItalyBernardo Dominic UNQUALIFIED
Maisha W CaudyRussiaOnyama Limba PROPOSAL
Kadeem G AlbaresRussiaStephen Shaw QUALIFIED
Silvio A WaycottSpainIvan Magalhaes PROPOSAL
Leja A VenereCanadaAsiya Javayant RENEWAL
Kaitlin S MacleadArgentinaOnyama Limba PROPOSAL
Jennifer T NickaUnited KingdomAnna Fali PROPOSAL
Smith M NickaAustraliaAmy Elsner RENEWAL
Maisha G IturbideArgentinaAmy Elsner RENEWAL
Misaki K GlickCanadaIvan Magalhaes NEGOTIATION
Emily V GauchoRussiaIvan Magalhaes UNQUALIFIED
Faith U PoquetteCanadaStephen Shaw QUALIFIED
Ivar C IturbideUnited KingdomAmy Elsner PROPOSAL
Antonio L KolmetzSpainXuxue Feng PROPOSAL
Morrow X PoquetteUnited KingdomAnna Fali RENEWAL
Leon F RulapaughAustraliaIvan Magalhaes UNQUALIFIED
Adams K SaylorsAustraliaElwin Sharvill RENEWAL
Clifford B FlosiArgentinaIoni Bowcher NEGOTIATION
James X KuskoIndiaStephen Shaw NEGOTIATION
Tony X GlickArgentinaOnyama Limba QUALIFIED
Jeanfrancois I SchemmerIndiaElwin Sharvill RENEWAL
Frozen Columns
Name
Octavia P Caudy
Greenwood H Whobrey
Munro W Wieser
Costa G Malet
Jennifer X Saylors
Maria C Chui
Antonio W Saylors
Sinclair R Waycott
Johnson Y Kolmetz
Julie V Rim
Clifford Q Caudy
Maisha I Flosi
James L Iturbide
Aika D Gaucho
Salvatore G Kolmetz
Alejandro X Albares
Morrow E Albares
Leja T Schemmer
Adams C Albares
Antonio F Malet
Darci J Kolmetz
David W Amigon
Julie H Briddick
Ashley U Vocelka
Salvatore E Butt
Stacey A Rim
Adams Z Kusko
Ivar H Maclead
Tony B Caudy
Greenwood N Shinko
Misaki J Nestle
Aditya F Sergi
Cody B Sergi
Claire R Stockham
Claire K Shinko
James C Chui
Tony D Amigon
Rodrigues A Malet
Maria U Whobrey
Ivar I Ruta
Adams Y Gaucho
Rodrigues G Caldarera
Sinclair Z Albares
Sinclair H Doe
Cody K Briddick
Aruna T Doe
Adams P Waycott
Misaki V Butt
Isabel A Malet
Francesco U Paprocki
IdCountryDate
1000Argentina2026-10-30
1001Germany2026-10-18
1002Argentina2026-10-15
1003Canada2026-11-08
1004Spain2026-11-09
1005Italy2026-11-11
1006India2026-11-01
1007Australia2026-11-06
1008France2026-10-16
1009Germany2026-11-02
1010Canada2026-11-10
1011Australia2026-11-07
1012France2026-10-21
1013India2026-10-14
1014Canada2026-10-17
1015Canada2026-10-14
1016France2026-10-31
1017Japan2026-10-20
1018Italy2026-10-21
1019France2026-10-13
1020Brazil2026-11-02
1021India2026-10-31
1022Argentina2026-10-27
1023Australia2026-10-29
1024Argentina2026-10-19
1025United Kingdom2026-10-16
1026India2026-10-20
1027France2026-10-20
1028Japan2026-11-11
1029France2026-10-18
1030Russia2026-10-28
1031Italy2026-11-09
1032Australia2026-10-24
1033France2026-10-25
1034Australia2026-11-01
1035Italy2026-10-31
1036Australia2026-11-10
1037Germany2026-11-09
1038Australia2026-10-17
1039India2026-11-07
1040Japan2026-10-30
1041Japan2026-11-08
1042United Kingdom2026-10-16
1043India2026-10-21
1044Brazil2026-11-11
1045Russia2026-10-16
1046Germany2026-10-19
1047Argentina2026-11-05
1048France2026-11-02
1049Canada2026-10-28

On-Demand Data

NameIdCountryDate
Tony E Garufi1000Australia2026-10-25
Ivar R Bolognia1001India2026-10-18
Darci N Bowley1002Brazil2026-10-29
Ivar H Waycott1003Brazil2026-11-01
Sinclair O Saylors1004Brazil2026-11-03
James T Nicka1005India2026-10-25
Salvatore D Maclead1006France2026-10-15
Kaitlin E Vocelka1007Canada2026-10-20
Greenwood T Inouye1008Australia2026-10-20
Jeanfrancois H Ostrosky1009France2026-10-17
Rodrigues S Maclead1010Russia2026-10-28
James E Poquette1011Germany2026-11-08
Smith V Iturbide1012France2026-10-29
Silvio A Ruta1013Argentina2026-10-28
Aika R Rim1014Australia2026-10-18
Francesco D Marrier1015India2026-11-11
Isabel C Whobrey1016Germany2026-10-20
Alejandro N Caudy1017Australia2026-10-17
Juan G Garufi1018Germany2026-10-25
Maria W Morasca1019Spain2026-11-11
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Claire G RutaUnited KingdomBernardo Dominic RENEWAL
Francesco L DoeUnited KingdomXuxue Feng NEGOTIATION
Greenwood A DarakjyUnited KingdomBernardo Dominic NEGOTIATION
Morrow A MaletGermanyIvan Magalhaes QUALIFIED
Ashley H WieserSpainBernardo Dominic NEGOTIATION
Stacey D SlusarskiFranceAsiya Javayant PROPOSAL
Jennifer J PaprockiJapanXuxue Feng UNQUALIFIED
Izzy G VenereSpainElwin Sharvill NEW
Silvio J PoquetteGermanyIoni Bowcher UNQUALIFIED
Ashley A ChuiUnited KingdomAmy Elsner UNQUALIFIED
David Q VocelkaUnited KingdomIoni Bowcher UNQUALIFIED
Morrow Y AmigonIndiaOnyama Limba UNQUALIFIED
Clifford E NickaGermanyStephen Shaw NEW
Claire F FlosiFranceElwin Sharvill QUALIFIED
David K VenereAustraliaAmy Elsner RENEWAL
Adams F MarrierItalyIoni Bowcher UNQUALIFIED
Deepesh S WieserItalyIoni Bowcher UNQUALIFIED
Wickens N DoeGermanyOnyama Limba UNQUALIFIED
Smith B IturbideGermanyAnna Fali QUALIFIED
Chavez C GauchoGermanyXuxue Feng NEGOTIATION
Julie A RimIndiaXuxue Feng NEW
Ashley Q RimFranceOnyama Limba UNQUALIFIED
Alejandro V FerenczSpainAnna Fali NEGOTIATION
Antonio F FlosiArgentinaAmy Elsner UNQUALIFIED
Ashley T FerenczJapanElwin Sharvill PROPOSAL
Salvatore D MaletArgentinaBernardo Dominic NEW
Julie O RimItalyAnna Fali UNQUALIFIED
Murillo G DoeItalyBernardo Dominic NEGOTIATION
Darci F GarufiArgentinaBernardo Dominic NEW
Aika H ButtArgentinaBernardo Dominic QUALIFIED
Rodrigues E TollnerUnited KingdomElwin Sharvill PROPOSAL
James K DoeItalyAsiya Javayant NEGOTIATION
Tony X SaylorsUnited KingdomAnna Fali QUALIFIED
Rodrigues D FollerAustraliaIoni Bowcher RENEWAL
Jennifer K BriddickIndiaAnna Fali RENEWAL
Murillo V PerinJapanXuxue Feng NEW
Aditya H PoquetteArgentinaElwin Sharvill NEW
Jeanfrancois I ShinkoIndiaIvan Magalhaes NEGOTIATION
Munro C MacleadFranceAmy Elsner RENEWAL
Adams G SlusarskiArgentinaAsiya Javayant UNQUALIFIED

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