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
Salvatore J WieserItalyOnyama Limba NEW
Leon Y BriddickIndiaStephen Shaw NEW
Antonio U BowleyRussiaIoni Bowcher NEGOTIATION
Clifford E SaylorsArgentinaIvan Magalhaes NEGOTIATION
Chavez R MacleadGermanyStephen Shaw PROPOSAL
Silvio R MorascaSpainIoni Bowcher UNQUALIFIED
Emily N GillianUnited KingdomElwin Sharvill NEGOTIATION
Aruna D BowleyBrazilBernardo Dominic QUALIFIED
Aika T RutaUnited KingdomAsiya Javayant RENEWAL
Ricardo W WieserAustraliaStephen Shaw NEGOTIATION
Chavez P BriddickUnited KingdomAnna Fali QUALIFIED
Rodrigues W MaletBrazilAmy Elsner PROPOSAL
Arvin K RoysterIndiaIvan Magalhaes PROPOSAL
Cody G ShinkoGermanyStephen Shaw RENEWAL
Adams S GillianSpainStephen Shaw PROPOSAL
James O NestleUnited KingdomBernardo Dominic PROPOSAL
Claire Y IturbideRussiaElwin Sharvill RENEWAL
Morrow S RutaFranceXuxue Feng QUALIFIED
Claire S DoeGermanyElwin Sharvill RENEWAL
Clifford Y GillianSpainIoni Bowcher RENEWAL
Jones X IturbideGermanyXuxue Feng NEW
Cody M FerenczSpainAsiya Javayant NEGOTIATION
Alejandro H RulapaughIndiaXuxue Feng UNQUALIFIED
Juan A PerinCanadaOnyama Limba NEGOTIATION
Aruna X CampainCanadaXuxue Feng PROPOSAL
David U KuskoItalyElwin Sharvill NEGOTIATION
Faith H FlosiFranceIvan Magalhaes UNQUALIFIED
Aruna K OstroskyCanadaAnna Fali NEW
Costa K FerenczJapanAnna Fali NEGOTIATION
Maria I OstroskyItalyAnna Fali NEGOTIATION
Chavez R IturbideSpainElwin Sharvill PROPOSAL
Mayumi R MacleadUnited KingdomElwin Sharvill NEGOTIATION
Antonio S IturbideAustraliaBernardo Dominic NEW
Octavia B CaudyRussiaBernardo Dominic PROPOSAL
Munro J StensethAustraliaIoni Bowcher UNQUALIFIED
Tony V MarrierArgentinaStephen Shaw NEW
Misaki I WaycottUnited KingdomAnna Fali NEW
Salvatore P GarufiBrazilAnna Fali PROPOSAL
Nicolas Y FigeroaArgentinaBernardo Dominic QUALIFIED
Izzy E DilliardIndiaStephen Shaw RENEWAL
Smith F AlbaresItalyOnyama Limba RENEWAL
Sinclair M SlusarskiJapanElwin Sharvill NEGOTIATION
Aditya C AmigonBrazilOnyama Limba RENEWAL
Murillo Z TollnerGermanyIvan Magalhaes PROPOSAL
Ashley T SergiFranceAmy Elsner PROPOSAL
Antonio G BriddickGermanyAmy Elsner RENEWAL
Costa P VenereIndiaOnyama Limba QUALIFIED
Jennifer I OldroydUnited KingdomOnyama Limba NEW
Ashley U BriddickGermanyBernardo Dominic QUALIFIED
Costa Q GillianArgentinaStephen Shaw QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Mayumi L BriddickUnited KingdomIvan Magalhaes QUALIFIED
Silvio K CaudyArgentinaIvan Magalhaes NEGOTIATION
Maria R SaylorsAustraliaOnyama Limba PROPOSAL
Deepesh F AmigonCanadaAmy Elsner NEW
Rodrigues G StockhamCanadaAnna Fali NEGOTIATION
Chavez D WaycottJapanAmy Elsner QUALIFIED
Maisha G NickaGermanyBernardo Dominic UNQUALIFIED
Aika U SergiUnited KingdomAsiya Javayant UNQUALIFIED
Mayumi E GarufiRussiaOnyama Limba QUALIFIED
Deepesh O AlbaresUnited KingdomBernardo Dominic PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Darci G TollnerFrance2026-09-21Truhlar And Truhlar Attys QUALIFIED24Anna Fali
1001Cody H TollnerJapan2026-09-15Commercial Press NEGOTIATION37Xuxue Feng
1002Emily Z ButtUnited Kingdom2026-08-31Feltz Printing Service QUALIFIED4Stephen Shaw
1003Leon W RoysterFrance2026-09-14Dorl, James J Esq QUALIFIED80Anna Fali
1004Chavez L DilliardCanada2026-09-10Buckley Miller Wright UNQUALIFIED34Bernardo Dominic
1005Darci Y CaudySpain2026-09-08Benton, John B Jr NEW22Bernardo Dominic
1006Julie B PoquetteCanada2026-09-01Chanay, Jeffrey A Esq UNQUALIFIED50Ioni Bowcher
1007Mayumi E KolmetzFrance2026-08-30Truhlar And Truhlar Attys PROPOSAL30Bernardo Dominic
1008Aditya D MaletAustralia2026-09-01Buckley Miller Wright NEW91Amy Elsner
1009Mayumi A FigeroaJapan2026-09-18Chanay, Jeffrey A Esq NEW51Onyama Limba
1010Adams L GauchoUnited Kingdom2026-09-16Benton, John B Jr RENEWAL39Amy Elsner
1011Jefferson F FerenczUnited Kingdom2026-09-21Benton, John B Jr UNQUALIFIED20Xuxue Feng
1012Costa Z StensethItaly2026-09-13Rangoni Of Florence PROPOSAL15Anna Fali
1013Aruna R NestleFrance2026-09-15Buckley Miller Wright NEW85Asiya Javayant
1014Chavez J OldroydBrazil2026-09-07Chemel, James L Cpa QUALIFIED82Stephen Shaw
1015Leja F VenereBrazil2026-09-11Truhlar And Truhlar Attys RENEWAL4Ioni Bowcher
1016Chavez B SlusarskiBrazil2026-09-13Morlong Associates PROPOSAL77Anna Fali
1017Izzy D RulapaughSpain2026-09-21Chemel, James L Cpa PROPOSAL18Elwin Sharvill
1018Juan F FigeroaCanada2026-09-07Buckley Miller Wright PROPOSAL65Anna Fali
1019Octavia D GauchoAustralia2026-09-04Dorl, James J Esq NEGOTIATION88Amy Elsner
1020Aditya E VocelkaBrazil2026-09-07Rangoni Of Florence UNQUALIFIED16Onyama Limba
1021Murillo M MaletUnited Kingdom2026-09-03Truhlar And Truhlar Attys QUALIFIED50Amy Elsner
1022Sinclair R WaycottBrazil2026-09-07Chemel, James L Cpa NEGOTIATION32Ioni Bowcher
1023James W CaudyRussia2026-09-11Truhlar And Truhlar Attys PROPOSAL54Bernardo Dominic
1024Jennifer A SergiJapan2026-09-09Chemel, James L Cpa QUALIFIED96Asiya Javayant
1025Mayumi G GauchoArgentina2026-09-01Benton, John B Jr NEGOTIATION91Ivan Magalhaes
1026Morrow W CampainFrance2026-09-02Chanay, Jeffrey A Esq RENEWAL73Anna Fali
1027Ivar T AmigonCanada2026-09-20Truhlar And Truhlar Attys PROPOSAL23Bernardo Dominic
1028Jeanfrancois D RoysterSpain2026-09-03Commercial Press NEGOTIATION57Bernardo Dominic
1029Leon Y BologniaRussia2026-09-09Dorl, James J Esq NEGOTIATION6Asiya Javayant
1030Salvatore X MaletGermany2026-08-30Buckley Miller Wright QUALIFIED14Amy Elsner
1031Murillo H ButtArgentina2026-09-10Buckley Miller Wright PROPOSAL39Onyama Limba
1032Adams L StensethSpain2026-09-05Feltz Printing Service QUALIFIED98Anna Fali
1033James R VenereUnited Kingdom2026-09-12Dorl, James J Esq QUALIFIED80Asiya Javayant
1034Murillo R NestleJapan2026-09-16Truhlar And Truhlar Attys NEGOTIATION99Onyama Limba
1035Wickens Y FigeroaAustralia2026-09-06Commercial Press UNQUALIFIED75Anna Fali
1036Deepesh Y OldroydBrazil2026-08-25Chanay, Jeffrey A Esq QUALIFIED28Bernardo Dominic
1037Adams T ShinkoGermany2026-09-22Morlong Associates NEGOTIATION0Ivan Magalhaes
1038Greenwood K GlickIndia2026-08-26Benton, John B Jr UNQUALIFIED48Elwin Sharvill
1039Maria I CaudyBrazil2026-09-01Rangoni Of Florence NEGOTIATION68Xuxue Feng
1040Rodrigues I RutaUnited Kingdom2026-09-05Feiner Bros NEW9Bernardo Dominic
1041Antonio W StockhamJapan2026-09-07Feltz Printing Service QUALIFIED61Ioni Bowcher
1042Antonio K DilliardFrance2026-08-27Chanay, Jeffrey A Esq NEW19Anna Fali
1043Jones V DoeBrazil2026-09-05Chanay, Jeffrey A Esq PROPOSAL19Amy Elsner
1044David T MorascaBrazil2026-08-28Truhlar And Truhlar Attys NEGOTIATION61Onyama Limba
1045Chavez I GillianUnited Kingdom2026-09-17King, Christopher A Esq QUALIFIED83Asiya Javayant
1046Ricardo Y BowleyGermany2026-09-13Truhlar And Truhlar Attys NEGOTIATION82Ivan Magalhaes
1047Faith S OldroydBrazil2026-08-26Buckley Miller Wright NEW77Bernardo Dominic
1048Mujtaba A RutaArgentina2026-09-12Morlong Associates PROPOSAL91Amy Elsner
1049Stacey N PoquetteCanada2026-09-15Feltz Printing Service NEGOTIATION38Ivan Magalhaes
Frozen Rows
NameCountryRepresentativeStatus
Aruna N NickaUnited KingdomStephen Shaw UNQUALIFIED
Alejandro H VenereFranceStephen Shaw NEW
Smith J RulapaughArgentinaXuxue Feng NEW
Isabel Z GlickBrazilIoni Bowcher PROPOSAL
Adams Z PaprockiBrazilStephen Shaw NEW
Murillo P BriddickIndiaAmy Elsner QUALIFIED
Nicolas Z ShinkoRussiaXuxue Feng PROPOSAL
Costa O GillianBrazilBernardo Dominic QUALIFIED
Murillo Y GauchoIndiaIoni Bowcher PROPOSAL
Jones K KuskoUnited KingdomAmy Elsner RENEWAL
Jennifer F StockhamItalyAsiya Javayant NEGOTIATION
Maria E MaletUnited KingdomIoni Bowcher UNQUALIFIED
Leon F OstroskyCanadaAsiya Javayant NEW
Ashley A CampainItalyAsiya Javayant PROPOSAL
Darci O CaudyIndiaOnyama Limba NEW
Cody R MaletGermanyAnna Fali RENEWAL
Leja I WhobreyCanadaAnna Fali QUALIFIED
Izzy O GillianArgentinaStephen Shaw UNQUALIFIED
Jennifer T NestleRussiaAnna Fali RENEWAL
Leja W FigeroaCanadaElwin Sharvill UNQUALIFIED
Munro S StockhamItalyIvan Magalhaes UNQUALIFIED
Cody C SchemmerIndiaOnyama Limba NEW
Adams C ButtUnited KingdomAnna Fali UNQUALIFIED
Munro X KolmetzGermanyAsiya Javayant QUALIFIED
Chavez U DilliardBrazilXuxue Feng RENEWAL
Aruna L BowleyJapanAmy Elsner PROPOSAL
Arvin S InouyeFranceBernardo Dominic RENEWAL
Deepesh P WhobreyJapanOnyama Limba NEGOTIATION
Francesco U CaldareraJapanAmy Elsner UNQUALIFIED
Leon T MacleadArgentinaBernardo Dominic UNQUALIFIED
David Z MaletAustraliaBernardo Dominic RENEWAL
Salvatore K GauchoSpainBernardo Dominic NEGOTIATION
Jeanfrancois Q MarrierFranceElwin Sharvill UNQUALIFIED
Stacey V WieserCanadaXuxue Feng PROPOSAL
Ricardo I OstroskyBrazilIvan Magalhaes UNQUALIFIED
Jones F PoquetteArgentinaOnyama Limba QUALIFIED
Stacey C SaylorsIndiaAmy Elsner NEW
Ashley A StensethJapanAnna Fali UNQUALIFIED
Salvatore R BologniaSpainStephen Shaw UNQUALIFIED
Murillo Z VenereJapanAnna Fali PROPOSAL
Leon O OstroskyItalyIvan Magalhaes UNQUALIFIED
Sinclair J ButtArgentinaStephen Shaw UNQUALIFIED
Jones C ButtGermanyAsiya Javayant NEW
Ivar W RoysterJapanIvan Magalhaes PROPOSAL
Rodrigues W RimItalyOnyama Limba PROPOSAL
Jennifer S FlosiCanadaAnna Fali NEGOTIATION
Wickens I PoquetteUnited KingdomAmy Elsner NEGOTIATION
Tony U GillianSpainOnyama Limba NEW
Silvio D FigeroaBrazilXuxue Feng PROPOSAL
Rodrigues N OstroskyUnited KingdomStephen Shaw QUALIFIED
Frozen Columns
Name
Francesco Y Bowley
Sinclair L Rulapaugh
Maisha F Oldroyd
Costa A Inouye
Ivar A Paprocki
Chavez H Perin
Morrow P Nicka
Mayumi Z Iturbide
Antonio O Paprocki
Darci C Waycott
Clifford V Darakjy
Sinclair Y Gaucho
Mujtaba E Poquette
Ashley H Ostrosky
Greenwood J Maclead
Octavia L Malet
Jones X Rulapaugh
Alejandro M Flosi
Jennifer J Kusko
Leja N Whobrey
Octavia I Iturbide
Smith Q Malet
Sinclair T Sergi
Kadeem R Amigon
Juan M Ostrosky
Leon J Kusko
Sinclair T Whobrey
Jennifer V Darakjy
Octavia C Maclead
Mujtaba U Amigon
David D Maclead
Silvio W Venere
Mujtaba C Butt
Juan E Saylors
Maria V Dilliard
Izzy V Maclead
Ashley M Butt
Jefferson P Butt
Octavia L Darakjy
Julie V Rim
Clifford X Bolognia
Misaki U Whobrey
David Z Iturbide
Costa Y Stockham
Isabel V Amigon
James Y Poquette
Cody M Rulapaugh
Claire J Caudy
Aruna L Malet
Ivar A Butt
IdCountryDate
1000Russia2026-09-02
1001Argentina2026-08-27
1002India2026-09-11
1003India2026-09-06
1004Spain2026-09-07
1005Germany2026-09-01
1006Germany2026-09-02
1007Japan2026-09-19
1008Argentina2026-09-14
1009Russia2026-09-08
1010Brazil2026-09-13
1011Argentina2026-09-17
1012Australia2026-09-15
1013Italy2026-09-03
1014Japan2026-08-29
1015Brazil2026-08-30
1016Canada2026-08-30
1017France2026-08-25
1018Russia2026-09-06
1019Germany2026-09-21
1020Japan2026-09-18
1021Spain2026-09-08
1022Spain2026-09-16
1023Japan2026-09-12
1024India2026-09-11
1025Japan2026-08-28
1026Brazil2026-08-26
1027Spain2026-08-27
1028Brazil2026-09-06
1029Australia2026-09-09
1030Australia2026-09-04
1031Brazil2026-09-04
1032Russia2026-09-13
1033Spain2026-09-19
1034Spain2026-09-12
1035France2026-09-05
1036Brazil2026-09-08
1037India2026-08-25
1038Italy2026-08-29
1039Argentina2026-09-22
1040United Kingdom2026-08-29
1041Australia2026-08-31
1042Brazil2026-08-29
1043France2026-09-20
1044Brazil2026-09-05
1045Canada2026-08-30
1046Germany2026-09-07
1047Germany2026-09-15
1048Japan2026-09-20
1049Argentina2026-08-29

On-Demand Data

NameIdCountryDate
Morrow F Ruta1000Canada2026-08-29
Aruna G Schemmer1001Germany2026-09-04
Silvio M Gillian1002India2026-09-10
Wickens D Whobrey1003Spain2026-09-06
Darci H Schemmer1004Japan2026-09-03
Emily U Bowley1005Italy2026-09-17
Deepesh O Gillian1006United Kingdom2026-09-03
Greenwood F Malet1007India2026-09-18
Leja R Rulapaugh1008Spain2026-09-08
Emily F Venere1009Spain2026-09-08
Clifford V Morasca1010Spain2026-09-16
Rodrigues I Malet1011Spain2026-09-19
Adams Q Poquette1012Japan2026-09-02
Murillo K Rulapaugh1013United Kingdom2026-09-05
Leja W Figeroa1014Brazil2026-09-18
Francesco B Butt1015Japan2026-09-08
Costa F Figeroa1016United Kingdom2026-09-21
Francesco E Inouye1017India2026-09-16
Costa O Doe1018India2026-08-29
Emily M Amigon1019Italy2026-08-24
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Leon D PerinItalyAsiya Javayant NEGOTIATION
Kadeem H IturbideItalyStephen Shaw NEW
Ivar Q NickaItalyStephen Shaw RENEWAL
Faith B VocelkaFranceBernardo Dominic RENEWAL
Maria S DilliardGermanyAsiya Javayant QUALIFIED
Antonio O BologniaSpainXuxue Feng QUALIFIED
Faith R StockhamItalyIvan Magalhaes RENEWAL
Murillo T NickaRussiaIoni Bowcher PROPOSAL
Rodrigues L DarakjyItalyXuxue Feng UNQUALIFIED
Isabel O CampainFranceXuxue Feng NEW
Claire K NickaJapanAnna Fali NEW
Sinclair A DilliardFranceStephen Shaw PROPOSAL
Isabel X SaylorsRussiaAsiya Javayant NEGOTIATION
James V KolmetzGermanyAnna Fali NEGOTIATION
Izzy A MaletIndiaXuxue Feng RENEWAL
Deepesh X ButtBrazilXuxue Feng NEGOTIATION
Misaki E GillianRussiaBernardo Dominic PROPOSAL
Alejandro A InouyeBrazilStephen Shaw UNQUALIFIED
Mujtaba N VenereRussiaXuxue Feng QUALIFIED
Kaitlin K OstroskyIndiaAnna Fali PROPOSAL
Jennifer A DarakjyFranceAmy Elsner NEGOTIATION
Misaki A GauchoSpainAnna Fali RENEWAL
Aruna F WhobreySpainAnna Fali PROPOSAL
Rodrigues O ChuiGermanyBernardo Dominic QUALIFIED
Mayumi H OstroskyIndiaIvan Magalhaes UNQUALIFIED
Greenwood O AmigonJapanIoni Bowcher UNQUALIFIED
Murillo L AmigonArgentinaStephen Shaw PROPOSAL
Isabel D DilliardItalyIvan Magalhaes RENEWAL
Misaki M SlusarskiGermanyElwin Sharvill NEGOTIATION
Kaitlin H FollerGermanyXuxue Feng PROPOSAL
Silvio U NestleJapanStephen Shaw RENEWAL
Mayumi H BriddickAustraliaIvan Magalhaes UNQUALIFIED
Maria E RutaIndiaElwin Sharvill NEW
Ricardo Z PerinIndiaAnna Fali PROPOSAL
Munro R CampainArgentinaXuxue Feng RENEWAL
Aika A KuskoItalyBernardo Dominic RENEWAL
Jefferson V GillianJapanAnna Fali UNQUALIFIED
Salvatore F RutaIndiaAnna Fali QUALIFIED
Aika A CampainSpainOnyama Limba PROPOSAL
Juan T GarufiFranceElwin Sharvill NEGOTIATION

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