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
Mujtaba G DarakjyFranceAnna Fali NEW
Leja H MacleadItalyIvan Magalhaes QUALIFIED
Emily O AlbaresBrazilXuxue Feng NEW
Mayumi Y StensethCanadaXuxue Feng PROPOSAL
Darci W InouyeArgentinaAmy Elsner NEW
James M FlosiAustraliaXuxue Feng NEGOTIATION
Misaki H SchemmerBrazilElwin Sharvill UNQUALIFIED
Izzy N SergiArgentinaXuxue Feng PROPOSAL
Ivar B BowleyRussiaIoni Bowcher QUALIFIED
Munro K ChuiFranceElwin Sharvill NEW
Darci T CampainAustraliaXuxue Feng QUALIFIED
Emily R MaletJapanStephen Shaw UNQUALIFIED
Maria B AmigonArgentinaAmy Elsner PROPOSAL
Ivar O RimSpainIvan Magalhaes UNQUALIFIED
David N GlickAustraliaIoni Bowcher UNQUALIFIED
Aruna J BowleyCanadaElwin Sharvill UNQUALIFIED
Morrow R CaudyUnited KingdomAsiya Javayant UNQUALIFIED
James K DarakjyFranceOnyama Limba PROPOSAL
Misaki Q GarufiSpainXuxue Feng PROPOSAL
Octavia B PoquetteItalyXuxue Feng PROPOSAL
Antonio I AmigonRussiaXuxue Feng QUALIFIED
Jennifer X AlbaresFranceAsiya Javayant PROPOSAL
Arvin U DoeUnited KingdomElwin Sharvill UNQUALIFIED
Antonio W FigeroaJapanAmy Elsner QUALIFIED
Mayumi U MacleadJapanIvan Magalhaes NEW
Stacey Y PaprockiUnited KingdomXuxue Feng NEW
Aika Z GauchoJapanOnyama Limba PROPOSAL
Antonio R NickaCanadaIoni Bowcher NEW
Maisha L DilliardBrazilIvan Magalhaes RENEWAL
Jeanfrancois S ChuiIndiaAnna Fali RENEWAL
Darci P DarakjyJapanAmy Elsner QUALIFIED
Maria P MorascaIndiaStephen Shaw NEW
Salvatore Q ButtItalyStephen Shaw QUALIFIED
Ashley E MorascaGermanyIvan Magalhaes NEW
Munro V PoquetteSpainIoni Bowcher PROPOSAL
Misaki O MaletRussiaBernardo Dominic UNQUALIFIED
Salvatore U SchemmerArgentinaAnna Fali UNQUALIFIED
Darci R WieserFranceXuxue Feng QUALIFIED
Cody C MarrierUnited KingdomBernardo Dominic NEW
Sinclair C RoysterGermanyXuxue Feng NEGOTIATION
Arvin R VenereSpainXuxue Feng UNQUALIFIED
Aditya X PerinBrazilIvan Magalhaes RENEWAL
Sinclair X PaprockiJapanXuxue Feng UNQUALIFIED
Stacey V TollnerSpainBernardo Dominic NEGOTIATION
Maria B KolmetzBrazilStephen Shaw RENEWAL
Octavia N FollerRussiaAsiya Javayant QUALIFIED
Rodrigues V GillianCanadaStephen Shaw UNQUALIFIED
Wickens R WhobreyUnited KingdomXuxue Feng QUALIFIED
Rodrigues U WieserJapanIvan Magalhaes QUALIFIED
Rodrigues T WhobreyArgentinaAsiya Javayant NEW
Horizontal
NameCountryRepresentativeStatus
Cody U MorascaIndiaAsiya Javayant PROPOSAL
Claire B OstroskyIndiaAmy Elsner NEW
Faith R StockhamAustraliaIvan Magalhaes NEGOTIATION
Aika J OstroskyIndiaOnyama Limba NEW
Aditya A RoysterFranceOnyama Limba NEGOTIATION
Darci H WaycottGermanyIvan Magalhaes RENEWAL
Maisha S SlusarskiUnited KingdomXuxue Feng QUALIFIED
Salvatore G DarakjyItalyAsiya Javayant NEW
Leon X SchemmerItalyAnna Fali NEGOTIATION
Costa L MacleadAustraliaXuxue Feng NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Julie G IturbideJapan2026-09-01Truhlar And Truhlar Attys NEGOTIATION94Ivan Magalhaes
1001Darci I VocelkaFrance2026-09-28Feiner Bros NEW58Bernardo Dominic
1002Octavia R MarrierGermany2026-09-08King, Christopher A Esq QUALIFIED54Onyama Limba
1003Ricardo S SlusarskiRussia2026-09-14Truhlar And Truhlar Attys PROPOSAL74Bernardo Dominic
1004Arvin Y WieserSpain2026-08-31Feiner Bros PROPOSAL60Ioni Bowcher
1005Darci S OstroskyAustralia2026-09-20Chanay, Jeffrey A Esq NEW18Elwin Sharvill
1006Sinclair P NestleJapan2026-09-15Chapman, Ross E Esq NEGOTIATION38Onyama Limba
1007Izzy W StockhamCanada2026-08-31Feiner Bros UNQUALIFIED3Anna Fali
1008Faith C PaprockiIndia2026-09-01Rangoni Of Florence UNQUALIFIED29Onyama Limba
1009Johnson O OstroskyGermany2026-09-13Chanay, Jeffrey A Esq RENEWAL28Amy Elsner
1010David W RimSpain2026-09-15Morlong Associates RENEWAL12Stephen Shaw
1011Murillo I GarufiSpain2026-09-19Truhlar And Truhlar Attys NEGOTIATION51Bernardo Dominic
1012Isabel P RutaIndia2026-09-09King, Christopher A Esq QUALIFIED86Anna Fali
1013Jeanfrancois P MaletAustralia2026-09-22Rangoni Of Florence QUALIFIED13Xuxue Feng
1014Munro U KuskoCanada2026-09-03Feiner Bros PROPOSAL6Bernardo Dominic
1015Leon D WaycottCanada2026-09-06Chapman, Ross E Esq QUALIFIED58Elwin Sharvill
1016Izzy N NickaAustralia2026-09-22Feltz Printing Service NEW34Anna Fali
1017Murillo G AmigonSpain2026-09-06Feltz Printing Service UNQUALIFIED66Elwin Sharvill
1018Francesco O OstroskyFrance2026-09-25Dorl, James J Esq PROPOSAL30Ioni Bowcher
1019Greenwood N DoeArgentina2026-09-26Buckley Miller Wright PROPOSAL53Ioni Bowcher
1020Maisha C RutaUnited Kingdom2026-09-15King, Christopher A Esq PROPOSAL42Elwin Sharvill
1021Rodrigues R WaycottItaly2026-08-31Buckley Miller Wright NEW26Ioni Bowcher
1022Antonio L PaprockiCanada2026-09-20Printing Dimensions NEGOTIATION14Bernardo Dominic
1023Murillo U OstroskyRussia2026-09-03Benton, John B Jr PROPOSAL81Xuxue Feng
1024Leja C MarrierSpain2026-09-04Chapman, Ross E Esq UNQUALIFIED29Ivan Magalhaes
1025Julie M MacleadBrazil2026-09-14Rousseaux, Michael Esq NEW27Ioni Bowcher
1026Leja X WaycottRussia2026-09-10Benton, John B Jr UNQUALIFIED42Asiya Javayant
1027Jefferson M ChuiCanada2026-08-31Rangoni Of Florence QUALIFIED10Asiya Javayant
1028Adams D RimIndia2026-09-21Dorl, James J Esq PROPOSAL36Ioni Bowcher
1029Costa G RutaFrance2026-09-16Feltz Printing Service PROPOSAL56Amy Elsner
1030Ashley E FlosiJapan2026-09-27Rangoni Of Florence PROPOSAL11Amy Elsner
1031Cody J GauchoGermany2026-09-12Chemel, James L Cpa NEGOTIATION61Ioni Bowcher
1032Claire U GlickBrazil2026-09-21Benton, John B Jr PROPOSAL53Stephen Shaw
1033James W StockhamJapan2026-09-22Feiner Bros NEW81Onyama Limba
1034Wickens U WaycottUnited Kingdom2026-09-13Rousseaux, Michael Esq RENEWAL13Elwin Sharvill
1035Aditya L KuskoCanada2026-09-02Truhlar And Truhlar Attys QUALIFIED91Onyama Limba
1036Ashley J StockhamRussia2026-09-20Feiner Bros QUALIFIED1Ioni Bowcher
1037Maisha U MorascaCanada2026-09-22Dorl, James J Esq NEW32Elwin Sharvill
1038Clifford S ChuiUnited Kingdom2026-09-21Benton, John B Jr PROPOSAL87Amy Elsner
1039Chavez I CaudyAustralia2026-09-01Benton, John B Jr PROPOSAL33Elwin Sharvill
1040Stacey Y RutaSpain2026-09-05Commercial Press RENEWAL21Bernardo Dominic
1041Kadeem X AlbaresRussia2026-09-23Benton, John B Jr NEGOTIATION82Onyama Limba
1042Cody Z StensethGermany2026-09-24King, Christopher A Esq PROPOSAL19Onyama Limba
1043Nicolas Q SaylorsUnited Kingdom2026-09-08Benton, John B Jr NEGOTIATION5Ivan Magalhaes
1044Nicolas M BowleyAustralia2026-09-03Truhlar And Truhlar Attys UNQUALIFIED42Ioni Bowcher
1045Antonio Z MaletArgentina2026-09-06Benton, John B Jr UNQUALIFIED75Bernardo Dominic
1046Julie P CampainUnited Kingdom2026-09-03Dorl, James J Esq NEW54Anna Fali
1047Leja X NickaAustralia2026-09-05Benton, John B Jr NEW25Anna Fali
1048Morrow V GlickUnited Kingdom2026-09-02King, Christopher A Esq NEW20Asiya Javayant
1049Smith Z CaudyAustralia2026-09-02King, Christopher A Esq NEGOTIATION9Stephen Shaw
Frozen Rows
NameCountryRepresentativeStatus
Munro G BowleyUnited KingdomStephen Shaw NEW
Clifford H ShinkoItalyAmy Elsner UNQUALIFIED
Maisha S DoeGermanyBernardo Dominic UNQUALIFIED
Tony W SergiArgentinaAnna Fali UNQUALIFIED
Ivar C BologniaFranceIvan Magalhaes UNQUALIFIED
Stacey V WieserJapanOnyama Limba PROPOSAL
David C ChuiCanadaIoni Bowcher NEGOTIATION
Juan F WhobreyGermanyIvan Magalhaes RENEWAL
Arvin K RimAustraliaAmy Elsner QUALIFIED
Rodrigues P OstroskyRussiaStephen Shaw RENEWAL
Aika Z WaycottCanadaAmy Elsner RENEWAL
Octavia D VocelkaRussiaOnyama Limba RENEWAL
Isabel X DarakjyRussiaElwin Sharvill NEGOTIATION
Leja T FlosiRussiaAsiya Javayant NEGOTIATION
Arvin B ShinkoUnited KingdomStephen Shaw NEW
Ricardo W BologniaItalyAsiya Javayant PROPOSAL
Izzy R ChuiArgentinaElwin Sharvill RENEWAL
Silvio F CampainUnited KingdomIoni Bowcher UNQUALIFIED
Arvin S KuskoSpainStephen Shaw PROPOSAL
Ashley V SergiUnited KingdomXuxue Feng PROPOSAL
Juan X ButtCanadaAsiya Javayant NEW
Ivar Y NestleSpainXuxue Feng NEGOTIATION
Smith E DoeCanadaStephen Shaw UNQUALIFIED
Adams D InouyeRussiaIvan Magalhaes PROPOSAL
Julie Z DarakjyUnited KingdomAnna Fali UNQUALIFIED
Sinclair F WhobreyArgentinaStephen Shaw NEGOTIATION
David R SaylorsFranceAmy Elsner NEGOTIATION
Clifford T DoeRussiaAnna Fali UNQUALIFIED
Leon P TollnerRussiaAnna Fali NEGOTIATION
Wickens E KolmetzUnited KingdomStephen Shaw NEGOTIATION
Munro U DilliardCanadaXuxue Feng NEW
David X GlickSpainBernardo Dominic QUALIFIED
Isabel U VocelkaAustraliaIoni Bowcher RENEWAL
Julie Q RimGermanyAsiya Javayant RENEWAL
Johnson G PaprockiGermanyAsiya Javayant PROPOSAL
Claire H RulapaughSpainOnyama Limba NEW
Nicolas Y IturbideGermanyBernardo Dominic RENEWAL
Alejandro D GauchoCanadaAmy Elsner PROPOSAL
Salvatore E GarufiJapanElwin Sharvill NEW
Rodrigues G TollnerIndiaXuxue Feng QUALIFIED
Smith E FerenczRussiaIvan Magalhaes RENEWAL
Adams K AlbaresJapanAsiya Javayant NEW
Darci W SchemmerSpainIoni Bowcher QUALIFIED
Isabel K StockhamFranceAmy Elsner NEGOTIATION
Greenwood N KolmetzRussiaAmy Elsner NEGOTIATION
Greenwood A WieserGermanyXuxue Feng NEW
Munro L ChuiItalyOnyama Limba UNQUALIFIED
Ashley U CaldareraGermanyXuxue Feng UNQUALIFIED
Mujtaba J BologniaBrazilXuxue Feng NEGOTIATION
Jennifer V WaycottFranceXuxue Feng QUALIFIED
Frozen Columns
Name
Ivar Z Albares
Johnson D Foller
Maria X Gaucho
Munro K Butt
Johnson C Kusko
Arvin I Stockham
Greenwood R Rulapaugh
Julie B Waycott
Chavez K Dilliard
Maria O Kolmetz
Darci F Malet
Maisha K Garufi
Smith H Whobrey
Ricardo I Nestle
Arvin O Ruta
Greenwood K Rim
James G Morasca
Aika A Caldarera
David Q Morasca
Jefferson W Ruta
Ivar T Venere
Jones T Perin
Munro L Stenseth
Faith K Poquette
Morrow E Ruta
Claire Z Ferencz
Tony T Doe
Kadeem W Slusarski
Jennifer U Saylors
Mayumi N Nestle
Jones A Waycott
Silvio M Caldarera
Mayumi M Marrier
Silvio J Stockham
James C Stockham
Julie Y Inouye
Misaki K Chui
Leja F Gillian
Deepesh N Stenseth
Morrow M Glick
Misaki F Bolognia
Cody B Darakjy
Adams I Oldroyd
Silvio A Doe
Antonio V Whobrey
Aruna Z Bolognia
Salvatore Z Morasca
Juan F Stockham
Leja G Dilliard
Mayumi F Figeroa
IdCountryDate
1000Italy2026-09-10
1001India2026-09-29
1002Argentina2026-09-16
1003Australia2026-08-31
1004Spain2026-09-29
1005United Kingdom2026-09-22
1006Spain2026-09-26
1007Brazil2026-09-08
1008Russia2026-09-09
1009Spain2026-09-05
1010Spain2026-09-23
1011Australia2026-09-11
1012United Kingdom2026-09-13
1013Canada2026-09-04
1014Argentina2026-09-21
1015Argentina2026-09-23
1016India2026-09-18
1017Russia2026-09-26
1018Russia2026-09-07
1019Germany2026-09-25
1020Canada2026-09-09
1021France2026-09-28
1022Russia2026-09-20
1023Russia2026-09-26
1024Argentina2026-09-20
1025Australia2026-09-12
1026Spain2026-09-19
1027Italy2026-09-12
1028France2026-09-24
1029Japan2026-09-01
1030Brazil2026-09-10
1031India2026-09-08
1032France2026-09-26
1033Australia2026-09-20
1034Argentina2026-09-20
1035France2026-09-20
1036Germany2026-09-27
1037Brazil2026-09-21
1038Germany2026-09-06
1039Argentina2026-09-07
1040Argentina2026-09-22
1041Australia2026-09-16
1042United Kingdom2026-09-23
1043Russia2026-08-31
1044United Kingdom2026-09-19
1045France2026-08-31
1046Australia2026-09-27
1047United Kingdom2026-09-05
1048Germany2026-09-25
1049Russia2026-09-24

On-Demand Data

NameIdCountryDate
Wickens L Malet1000Japan2026-09-19
Isabel P Ferencz1001Germany2026-09-11
Cody O Chui1002Germany2026-09-13
Aruna V Shinko1003Australia2026-09-15
Leja B Saylors1004United Kingdom2026-09-18
Julie U Tollner1005France2026-09-09
Faith M Oldroyd1006Italy2026-09-04
Silvio A Bowley1007Canada2026-09-01
Nicolas M Vocelka1008Germany2026-09-23
Adams E Ostrosky1009Canada2026-09-05
Greenwood I Amigon1010Italy2026-09-06
Claire E Caldarera1011Brazil2026-09-25
Faith H Butt1012Germany2026-09-09
Emily X Shinko1013Germany2026-08-31
Murillo W Flosi1014Italy2026-09-22
Adams G Sergi1015Brazil2026-09-14
Jones C Oldroyd1016Russia2026-09-19
Darci Y Whobrey1017France2026-09-29
Silvio E Gaucho1018Spain2026-09-26
Mayumi B Amigon1019Germany2026-09-20
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Francesco Z ChuiCanadaAnna Fali NEGOTIATION
Kaitlin K BowleyFranceStephen Shaw RENEWAL
Costa D AmigonArgentinaAmy Elsner NEGOTIATION
Costa C OstroskySpainAnna Fali NEW
Jones B WaycottItalyStephen Shaw NEGOTIATION
Maria K WaycottBrazilAmy Elsner UNQUALIFIED
Maisha V AlbaresCanadaIoni Bowcher QUALIFIED
Jefferson C IturbideItalyStephen Shaw NEGOTIATION
Mujtaba P DarakjyIndiaAmy Elsner NEGOTIATION
Cody O TollnerRussiaIoni Bowcher NEW
Aditya W SergiSpainOnyama Limba RENEWAL
Jennifer Y MaletIndiaOnyama Limba PROPOSAL
Deepesh V GillianGermanyElwin Sharvill NEGOTIATION
Greenwood D DilliardBrazilAmy Elsner RENEWAL
Aika Y PerinCanadaAsiya Javayant NEW
Munro M WaycottAustraliaIoni Bowcher RENEWAL
Darci Y BriddickIndiaElwin Sharvill UNQUALIFIED
Maisha H OldroydCanadaXuxue Feng RENEWAL
Greenwood T PaprockiRussiaXuxue Feng QUALIFIED
Antonio Y ChuiBrazilXuxue Feng NEW
Tony R SchemmerSpainAmy Elsner UNQUALIFIED
Julie Z OldroydCanadaStephen Shaw UNQUALIFIED
Munro H KolmetzArgentinaAsiya Javayant UNQUALIFIED
Izzy Q CaudyUnited KingdomIoni Bowcher QUALIFIED
Maria Z BriddickCanadaIoni Bowcher PROPOSAL
Ivar M IturbideFranceOnyama Limba PROPOSAL
Francesco H FigeroaIndiaAmy Elsner NEGOTIATION
Arvin J WieserIndiaOnyama Limba NEGOTIATION
Izzy R SergiBrazilIoni Bowcher PROPOSAL
Jefferson C BowleyBrazilStephen Shaw UNQUALIFIED
Jennifer G GarufiRussiaAmy Elsner QUALIFIED
Arvin N WieserCanadaIvan Magalhaes RENEWAL
Greenwood L ButtIndiaOnyama Limba UNQUALIFIED
Izzy E KolmetzSpainAsiya Javayant RENEWAL
Clifford P GillianArgentinaXuxue Feng NEGOTIATION
Arvin E RoysterAustraliaBernardo Dominic PROPOSAL
Darci N GauchoBrazilXuxue Feng QUALIFIED
Francesco A NickaGermanyXuxue Feng RENEWAL
Kadeem K InouyeBrazilAnna Fali RENEWAL
Stacey Z InouyeIndiaAnna Fali 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>