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
Rodrigues M DilliardCanadaIvan Magalhaes NEW
Emily H CaudyIndiaElwin Sharvill QUALIFIED
Salvatore G BologniaGermanyElwin Sharvill NEGOTIATION
Rodrigues T RutaAustraliaAmy Elsner RENEWAL
Ricardo E MacleadJapanAnna Fali PROPOSAL
Jefferson B BowleyItalyElwin Sharvill UNQUALIFIED
Nicolas U PerinBrazilAsiya Javayant NEW
Faith F ShinkoRussiaElwin Sharvill PROPOSAL
Sinclair W SergiItalyIoni Bowcher NEGOTIATION
Smith Q WieserIndiaElwin Sharvill RENEWAL
Francesco C SergiJapanOnyama Limba NEGOTIATION
Isabel R TollnerItalyAnna Fali NEW
Isabel X ButtUnited KingdomOnyama Limba UNQUALIFIED
Silvio K TollnerJapanBernardo Dominic RENEWAL
Tony L RutaIndiaElwin Sharvill PROPOSAL
Wickens Y DilliardBrazilStephen Shaw RENEWAL
Arvin K BowleyFranceIoni Bowcher UNQUALIFIED
Arvin W CaudyAustraliaXuxue Feng RENEWAL
Tony D VenereUnited KingdomAmy Elsner NEGOTIATION
Faith M CaudyItalyOnyama Limba NEW
Munro U SergiRussiaIoni Bowcher RENEWAL
Francesco O VenereGermanyIoni Bowcher UNQUALIFIED
Murillo M SchemmerCanadaStephen Shaw NEW
Smith U CampainCanadaAnna Fali RENEWAL
Sinclair H MaletAustraliaAsiya Javayant PROPOSAL
Kadeem E MorascaUnited KingdomStephen Shaw NEW
Salvatore S FerenczAustraliaAsiya Javayant UNQUALIFIED
Rodrigues I KolmetzFranceBernardo Dominic NEW
Aditya L CaldareraItalyOnyama Limba NEGOTIATION
Greenwood W DoeFranceAmy Elsner QUALIFIED
Clifford V WieserCanadaElwin Sharvill PROPOSAL
Kaitlin H KuskoCanadaOnyama Limba NEW
Antonio Q GillianItalyAsiya Javayant UNQUALIFIED
Emily D RutaAustraliaAsiya Javayant PROPOSAL
Leja U KolmetzUnited KingdomStephen Shaw NEW
Smith H MarrierJapanAmy Elsner UNQUALIFIED
Smith M PoquetteCanadaBernardo Dominic UNQUALIFIED
Jefferson L SchemmerBrazilBernardo Dominic PROPOSAL
Aruna N PoquetteAustraliaOnyama Limba NEW
Mayumi L DarakjyArgentinaStephen Shaw PROPOSAL
Aruna V MacleadAustraliaBernardo Dominic UNQUALIFIED
Wickens B TollnerCanadaElwin Sharvill NEGOTIATION
Johnson V MaletSpainBernardo Dominic NEW
Izzy D SchemmerAustraliaOnyama Limba NEGOTIATION
Ricardo P StensethSpainIvan Magalhaes RENEWAL
Leon O VocelkaGermanyStephen Shaw NEGOTIATION
Claire P RimIndiaIoni Bowcher UNQUALIFIED
Kadeem D MaletGermanyAmy Elsner QUALIFIED
Nicolas B PaprockiFranceElwin Sharvill NEGOTIATION
Jones B OldroydGermanyBernardo Dominic QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Julie U BriddickUnited KingdomAnna Fali QUALIFIED
Octavia M KuskoUnited KingdomAmy Elsner QUALIFIED
Morrow W DoeRussiaOnyama Limba NEW
Kaitlin O BowleySpainElwin Sharvill NEGOTIATION
Faith E MaletSpainElwin Sharvill QUALIFIED
Kaitlin H DilliardUnited KingdomElwin Sharvill NEGOTIATION
Chavez T RulapaughAustraliaBernardo Dominic RENEWAL
Alejandro E SaylorsJapanOnyama Limba QUALIFIED
Izzy B VocelkaArgentinaAnna Fali PROPOSAL
Aditya N DilliardSpainOnyama Limba NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Claire R WaycottFrance2026-09-28Chemel, James L Cpa QUALIFIED81Xuxue Feng
1001Greenwood N GarufiItaly2026-09-29Printing Dimensions RENEWAL95Onyama Limba
1002Silvio K FollerIndia2026-09-29Commercial Press NEGOTIATION94Xuxue Feng
1003Salvatore J MacleadRussia2026-09-22Truhlar And Truhlar Attys NEW4Xuxue Feng
1004Cody L CampainJapan2026-09-18Dorl, James J Esq NEW74Asiya Javayant
1005Octavia M MorascaUnited Kingdom2026-09-17King, Christopher A Esq UNQUALIFIED44Stephen Shaw
1006Leja B CaldareraFrance2026-09-14Benton, John B Jr PROPOSAL15Asiya Javayant
1007Jeanfrancois I PerinAustralia2026-09-14Truhlar And Truhlar Attys NEW0Xuxue Feng
1008Arvin N WieserItaly2026-09-28Rangoni Of Florence RENEWAL49Anna Fali
1009Jennifer M ButtGermany2026-09-30Buckley Miller Wright QUALIFIED67Xuxue Feng
1010Chavez R BriddickUnited Kingdom2026-09-13Buckley Miller Wright QUALIFIED94Amy Elsner
1011Emily A MorascaFrance2026-09-10Chanay, Jeffrey A Esq UNQUALIFIED7Xuxue Feng
1012Octavia X MarrierIndia2026-09-23Buckley Miller Wright UNQUALIFIED15Ivan Magalhaes
1013David U ButtIndia2026-09-13Feiner Bros PROPOSAL91Stephen Shaw
1014Darci A StensethArgentina2026-09-10Feiner Bros NEW2Ivan Magalhaes
1015David D BriddickIndia2026-09-15Rangoni Of Florence QUALIFIED96Ioni Bowcher
1016Costa P VocelkaSpain2026-10-01Commercial Press RENEWAL58Elwin Sharvill
1017Maria K SlusarskiIndia2026-10-03Chapman, Ross E Esq UNQUALIFIED80Ioni Bowcher
1018Darci L FollerIndia2026-09-11Feltz Printing Service QUALIFIED13Ivan Magalhaes
1019Sinclair W VenereJapan2026-09-23Chanay, Jeffrey A Esq PROPOSAL43Stephen Shaw
1020Clifford J RimGermany2026-09-12Rousseaux, Michael Esq PROPOSAL14Stephen Shaw
1021Greenwood V KuskoFrance2026-09-14Rousseaux, Michael Esq RENEWAL58Anna Fali
1022Kaitlin D StensethGermany2026-09-16Feltz Printing Service UNQUALIFIED1Anna Fali
1023Munro D FerenczArgentina2026-10-05Truhlar And Truhlar Attys PROPOSAL71Xuxue Feng
1024Salvatore B NickaItaly2026-09-23Rangoni Of Florence RENEWAL43Anna Fali
1025Darci T MorascaIndia2026-09-23Chanay, Jeffrey A Esq PROPOSAL52Elwin Sharvill
1026Darci B DoeGermany2026-09-19Chemel, James L Cpa NEW90Stephen Shaw
1027James L ChuiBrazil2026-09-21Buckley Miller Wright QUALIFIED86Ioni Bowcher
1028Cody U InouyeFrance2026-09-16Feltz Printing Service RENEWAL36Asiya Javayant
1029Ivar J MacleadUnited Kingdom2026-09-30Commercial Press NEW55Ivan Magalhaes
1030Darci I MaletUnited Kingdom2026-10-05Chapman, Ross E Esq PROPOSAL37Elwin Sharvill
1031Adams Y StockhamSpain2026-09-14Feiner Bros UNQUALIFIED20Onyama Limba
1032Aika F RimItaly2026-10-07Chapman, Ross E Esq NEW35Asiya Javayant
1033Nicolas N GauchoFrance2026-10-05Commercial Press NEGOTIATION11Asiya Javayant
1034Ivar G SergiJapan2026-09-20Printing Dimensions NEW91Bernardo Dominic
1035Maria S NestleItaly2026-09-25Printing Dimensions UNQUALIFIED66Onyama Limba
1036Rodrigues H ButtItaly2026-09-14Chapman, Ross E Esq NEGOTIATION52Ivan Magalhaes
1037Cody V CaudyCanada2026-09-22Benton, John B Jr PROPOSAL33Xuxue Feng
1038Kaitlin X CaldareraUnited Kingdom2026-09-26Chemel, James L Cpa PROPOSAL72Asiya Javayant
1039Maria L DilliardUnited Kingdom2026-09-16Chapman, Ross E Esq PROPOSAL79Onyama Limba
1040Chavez C RimSpain2026-10-07King, Christopher A Esq NEGOTIATION64Onyama Limba
1041David U WhobreyIndia2026-09-16Chapman, Ross E Esq NEGOTIATION72Asiya Javayant
1042David A KolmetzBrazil2026-09-26Truhlar And Truhlar Attys RENEWAL88Ivan Magalhaes
1043Claire A DarakjyCanada2026-09-15Chanay, Jeffrey A Esq UNQUALIFIED22Amy Elsner
1044Nicolas B SergiAustralia2026-10-06Printing Dimensions NEW52Onyama Limba
1045Maisha D SlusarskiRussia2026-09-11Truhlar And Truhlar Attys QUALIFIED47Asiya Javayant
1046Jefferson R RimGermany2026-09-13Chapman, Ross E Esq NEGOTIATION96Stephen Shaw
1047Ivar N PerinUnited Kingdom2026-09-23Benton, John B Jr NEW48Anna Fali
1048Sinclair K StensethItaly2026-09-23Chapman, Ross E Esq PROPOSAL95Stephen Shaw
1049Leja B AlbaresJapan2026-09-25Truhlar And Truhlar Attys PROPOSAL82Asiya Javayant
Frozen Rows
NameCountryRepresentativeStatus
Arvin I BologniaIndiaElwin Sharvill UNQUALIFIED
Mayumi A WieserRussiaAmy Elsner RENEWAL
Leon E DilliardSpainAsiya Javayant NEW
Claire P SaylorsIndiaStephen Shaw PROPOSAL
Chavez P AmigonUnited KingdomElwin Sharvill NEW
Julie G WaycottBrazilStephen Shaw NEGOTIATION
Munro R GlickAustraliaStephen Shaw NEW
David B FlosiSpainElwin Sharvill NEW
Leja B VocelkaFranceAmy Elsner NEW
Misaki V KolmetzBrazilElwin Sharvill RENEWAL
Deepesh Q PerinRussiaOnyama Limba NEW
Aika G NickaArgentinaXuxue Feng PROPOSAL
Stacey M MorascaArgentinaBernardo Dominic RENEWAL
Jefferson N RoysterArgentinaBernardo Dominic NEGOTIATION
Izzy S WhobreyUnited KingdomBernardo Dominic RENEWAL
James F WaycottBrazilAsiya Javayant UNQUALIFIED
Izzy L PoquetteArgentinaIoni Bowcher NEGOTIATION
Alejandro W SlusarskiArgentinaIvan Magalhaes NEW
Adams E GauchoAustraliaElwin Sharvill PROPOSAL
Antonio J DilliardJapanOnyama Limba NEGOTIATION
Julie B SchemmerArgentinaElwin Sharvill QUALIFIED
Smith L DarakjyArgentinaXuxue Feng NEW
Leon A WieserUnited KingdomStephen Shaw NEGOTIATION
Chavez S InouyeItalyAnna Fali NEW
Rodrigues K InouyeSpainBernardo Dominic RENEWAL
Julie E FollerAustraliaElwin Sharvill PROPOSAL
Faith T BriddickItalyIoni Bowcher RENEWAL
David I BologniaArgentinaAmy Elsner NEW
Sinclair M TollnerAustraliaElwin Sharvill PROPOSAL
Salvatore T ChuiJapanAnna Fali UNQUALIFIED
Smith W PerinIndiaAsiya Javayant RENEWAL
Adams G VocelkaItalyStephen Shaw NEGOTIATION
Munro O StensethAustraliaStephen Shaw NEW
Aika X GarufiUnited KingdomAmy Elsner RENEWAL
Ashley V CaudyItalyStephen Shaw RENEWAL
Stacey U StensethBrazilAnna Fali QUALIFIED
Aika H VenereCanadaElwin Sharvill PROPOSAL
Johnson T KolmetzGermanyElwin Sharvill PROPOSAL
Leja V MaletRussiaIvan Magalhaes NEGOTIATION
Alejandro M OldroydItalyXuxue Feng NEGOTIATION
Nicolas I GlickArgentinaIvan Magalhaes UNQUALIFIED
Isabel W BriddickGermanyOnyama Limba NEGOTIATION
James L WhobreyGermanyAsiya Javayant NEW
Jennifer Q RutaAustraliaXuxue Feng RENEWAL
Jefferson Y CaldareraCanadaBernardo Dominic UNQUALIFIED
Aruna E FlosiRussiaIvan Magalhaes NEGOTIATION
Sinclair M WieserRussiaIvan Magalhaes RENEWAL
Octavia R OldroydAustraliaIvan Magalhaes UNQUALIFIED
Smith B OstroskyUnited KingdomIoni Bowcher NEGOTIATION
Leja A ButtSpainIoni Bowcher NEGOTIATION
Frozen Columns
Name
Francesco F Malet
Jefferson A Inouye
Deepesh I Briddick
Alejandro C Vocelka
Aruna I Kolmetz
Maisha A Maclead
Cody R Ferencz
Aika S Ferencz
Emily U Darakjy
Jones P Darakjy
David P Marrier
James J Nestle
Wickens I Marrier
Juan B Malet
Smith I Stockham
Aruna Q Wieser
Emily D Bowley
Sinclair A Ferencz
Greenwood Y Whobrey
Ashley Z Royster
Smith L Albares
Maria I Schemmer
Ivar K Stockham
Izzy Q Butt
Darci F Morasca
Mayumi Y Figeroa
Leja W Kusko
Wickens L Gaucho
Murillo L Ferencz
Johnson N Sergi
Cody V Saylors
Cody E Nicka
Deepesh D Ferencz
Murillo E Rulapaugh
James E Dilliard
Aruna W Doe
Costa W Poquette
Mayumi W Paprocki
Rodrigues L Iturbide
Kadeem E Flosi
Wickens I Schemmer
Faith V Shinko
Alejandro B Nicka
Silvio C Stenseth
Morrow K Ostrosky
Maisha Y Kusko
Izzy W Royster
Kaitlin R Nicka
Leon E Oldroyd
Johnson H Stenseth
IdCountryDate
1000Brazil2026-09-12
1001Brazil2026-09-29
1002Canada2026-10-02
1003Canada2026-10-07
1004Australia2026-10-05
1005France2026-10-07
1006United Kingdom2026-09-15
1007Brazil2026-10-03
1008Argentina2026-09-21
1009Spain2026-09-30
1010United Kingdom2026-09-08
1011Russia2026-09-15
1012Russia2026-09-14
1013Germany2026-10-03
1014Canada2026-09-21
1015Brazil2026-10-02
1016Spain2026-09-11
1017Germany2026-09-15
1018Argentina2026-09-23
1019Japan2026-09-09
1020United Kingdom2026-09-17
1021Argentina2026-09-10
1022Germany2026-09-14
1023India2026-09-15
1024Canada2026-09-21
1025Japan2026-09-09
1026Australia2026-10-01
1027Argentina2026-09-23
1028Brazil2026-09-12
1029Japan2026-10-07
1030Australia2026-09-17
1031France2026-09-26
1032India2026-09-27
1033France2026-10-01
1034United Kingdom2026-09-29
1035Canada2026-09-18
1036Spain2026-09-11
1037Canada2026-09-28
1038United Kingdom2026-10-01
1039United Kingdom2026-10-07
1040Russia2026-09-28
1041Russia2026-10-06
1042Italy2026-09-09
1043Canada2026-09-19
1044United Kingdom2026-09-25
1045Argentina2026-09-20
1046India2026-09-19
1047Italy2026-09-15
1048Argentina2026-09-14
1049India2026-09-18

On-Demand Data

NameIdCountryDate
Morrow J Butt1000United Kingdom2026-09-20
Alejandro C Figeroa1001Australia2026-09-30
Nicolas I Garufi1002Argentina2026-09-29
Maria L Poquette1003Germany2026-09-20
Smith F Caldarera1004Italy2026-09-08
Claire G Maclead1005Japan2026-09-19
Darci G Dilliard1006France2026-10-01
Deepesh X Malet1007France2026-10-01
Leon T Venere1008Spain2026-09-08
Sinclair T Paprocki1009Spain2026-09-19
Francesco S Shinko1010Japan2026-09-11
Nicolas K Foller1011Russia2026-09-16
Adams G Maclead1012Canada2026-09-20
Julie G Ruta1013Italy2026-10-02
Johnson K Ruta1014Russia2026-09-19
Faith D Chui1015Canada2026-09-15
Greenwood P Kusko1016Australia2026-09-14
Ashley L Caudy1017Germany2026-09-15
Kaitlin D Iturbide1018Argentina2026-09-19
Leon S Wieser1019Spain2026-09-16
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Arvin I BriddickArgentinaAsiya Javayant QUALIFIED
Mujtaba B CampainSpainAsiya Javayant UNQUALIFIED
Darci U WhobreyBrazilIoni Bowcher NEGOTIATION
Salvatore F GlickBrazilIvan Magalhaes RENEWAL
Kaitlin K FigeroaItalyStephen Shaw NEW
Tony A PerinRussiaAnna Fali NEW
Jeanfrancois Y FerenczJapanAnna Fali PROPOSAL
Aruna H PerinSpainIoni Bowcher NEGOTIATION
Mayumi F ButtFranceXuxue Feng NEW
Kaitlin F VocelkaIndiaElwin Sharvill NEW
Francesco G FerenczSpainAmy Elsner QUALIFIED
Aruna I SchemmerCanadaIoni Bowcher PROPOSAL
Aditya C DarakjyArgentinaElwin Sharvill NEW
Leja Y BowleyCanadaIoni Bowcher UNQUALIFIED
Julie Y WhobreyAustraliaStephen Shaw UNQUALIFIED
Alejandro I DilliardFranceXuxue Feng NEGOTIATION
Stacey G MaletRussiaAmy Elsner NEGOTIATION
Salvatore H WaycottIndiaIvan Magalhaes NEW
Smith P VenereAustraliaBernardo Dominic UNQUALIFIED
Darci E IturbideSpainAsiya Javayant UNQUALIFIED
Wickens F GlickItalyStephen Shaw UNQUALIFIED
Jeanfrancois I MarrierGermanyElwin Sharvill QUALIFIED
Greenwood G CampainSpainAsiya Javayant QUALIFIED
Costa X RutaBrazilBernardo Dominic UNQUALIFIED
Chavez Q OstroskyBrazilIoni Bowcher NEW
Juan O RoysterCanadaAmy Elsner NEW
Kaitlin G AmigonCanadaAsiya Javayant PROPOSAL
Salvatore O SergiJapanXuxue Feng NEW
Claire Z MaletAustraliaAnna Fali QUALIFIED
Julie F MorascaSpainElwin Sharvill NEW
Isabel B MarrierIndiaAsiya Javayant QUALIFIED
Mayumi Z SlusarskiArgentinaIvan Magalhaes NEGOTIATION
Adams Z AlbaresGermanyAsiya Javayant QUALIFIED
Cody Z MacleadGermanyAmy Elsner PROPOSAL
Mujtaba D NestleFranceOnyama Limba QUALIFIED
Morrow Y FigeroaFranceIoni Bowcher RENEWAL
Alejandro M BriddickAustraliaOnyama Limba UNQUALIFIED
Jennifer O MorascaSpainIvan Magalhaes UNQUALIFIED
Ricardo B FollerSpainXuxue Feng RENEWAL
Francesco I OldroydArgentinaElwin Sharvill 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>