Summer Sale is here 🏖️ Get 50% off with code PRSM25 Learn More

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
Estonian
Persian
Finnish
Danish
Hindi
Indonesian
Icelandic
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
Adams N RoysterJapanOnyama Limba NEGOTIATION
Darci S FerenczCanadaAsiya Javayant PROPOSAL
Morrow V FerenczIndiaBernardo Dominic NEGOTIATION
Francesco Z ShinkoArgentinaIoni Bowcher PROPOSAL
Deepesh P OldroydJapanAsiya Javayant PROPOSAL
Alejandro P PoquetteRussiaAsiya Javayant NEW
Cody M OstroskyBrazilStephen Shaw QUALIFIED
Faith F NestleItalyOnyama Limba NEGOTIATION
Mayumi H OstroskySpainBernardo Dominic NEGOTIATION
Mayumi N AmigonCanadaAsiya Javayant RENEWAL
Ivar H KolmetzItalyIoni Bowcher UNQUALIFIED
Nicolas P BriddickGermanyXuxue Feng RENEWAL
Nicolas L KolmetzJapanIvan Magalhaes QUALIFIED
Tony I RutaAustraliaBernardo Dominic UNQUALIFIED
Francesco H RoysterGermanyAnna Fali NEGOTIATION
Arvin P WieserRussiaElwin Sharvill NEGOTIATION
Izzy W FlosiCanadaOnyama Limba QUALIFIED
Arvin H RulapaughArgentinaIoni Bowcher NEGOTIATION
Leon Y GarufiArgentinaIoni Bowcher QUALIFIED
Nicolas V GlickArgentinaIvan Magalhaes QUALIFIED
Kaitlin F GauchoCanadaIvan Magalhaes QUALIFIED
Emily J FlosiItalyAsiya Javayant QUALIFIED
Tony G VenereSpainXuxue Feng PROPOSAL
Maria B MacleadArgentinaBernardo Dominic RENEWAL
Kadeem B PoquetteBrazilBernardo Dominic RENEWAL
Jeanfrancois P RimGermanyBernardo Dominic NEW
Jeanfrancois E MorascaArgentinaIoni Bowcher QUALIFIED
Kaitlin S PoquetteArgentinaStephen Shaw RENEWAL
Munro J StensethIndiaOnyama Limba RENEWAL
Faith J StensethItalyOnyama Limba RENEWAL
Salvatore W MorascaAustraliaAsiya Javayant NEGOTIATION
Jennifer M NickaSpainAmy Elsner UNQUALIFIED
Deepesh N TollnerUnited KingdomOnyama Limba NEW
Chavez B CampainFranceElwin Sharvill NEW
Munro G BologniaCanadaOnyama Limba UNQUALIFIED
Morrow O CaudyBrazilAnna Fali NEW
Chavez U FollerSpainBernardo Dominic QUALIFIED
Arvin M MorascaItalyBernardo Dominic PROPOSAL
Stacey D OstroskyFranceIoni Bowcher NEGOTIATION
Jennifer E CaudyJapanOnyama Limba NEW
Munro R AmigonBrazilElwin Sharvill QUALIFIED
Cody D KuskoItalyXuxue Feng QUALIFIED
James V StensethItalyStephen Shaw NEGOTIATION
Johnson P CaudyArgentinaAmy Elsner NEW
Claire K MacleadCanadaBernardo Dominic UNQUALIFIED
Aika J RulapaughSpainBernardo Dominic RENEWAL
David B RoysterAustraliaBernardo Dominic QUALIFIED
Wickens T FigeroaBrazilBernardo Dominic RENEWAL
Ricardo H PoquetteRussiaIvan Magalhaes NEGOTIATION
Kadeem X GillianArgentinaOnyama Limba UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Jeanfrancois F WaycottFranceAnna Fali RENEWAL
Francesco O SergiUnited KingdomIoni Bowcher UNQUALIFIED
Alejandro D SergiUnited KingdomStephen Shaw UNQUALIFIED
Kadeem J DarakjySpainBernardo Dominic PROPOSAL
Costa J StensethIndiaIoni Bowcher QUALIFIED
Chavez H MacleadJapanBernardo Dominic NEW
Jones D RulapaughRussiaIvan Magalhaes QUALIFIED
Wickens G CaldareraIndiaIoni Bowcher NEGOTIATION
Jones C VocelkaJapanStephen Shaw UNQUALIFIED
Johnson M WhobreyArgentinaAsiya Javayant NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000David E WaycottCanada2025-10-11Chanay, Jeffrey A Esq RENEWAL3Xuxue Feng
1001Adams I PoquetteSpain2025-10-04Benton, John B Jr NEW59Amy Elsner
1002David Q InouyeFrance2025-09-28Dorl, James J Esq NEGOTIATION47Xuxue Feng
1003Francesco B PerinCanada2025-10-27Feiner Bros RENEWAL11Stephen Shaw
1004Jennifer U CaudyFrance2025-10-05Printing Dimensions PROPOSAL73Bernardo Dominic
1005Juan U RoysterUnited Kingdom2025-09-28Morlong Associates NEW55Amy Elsner
1006Jeanfrancois K FlosiBrazil2025-10-08Chanay, Jeffrey A Esq PROPOSAL82Ioni Bowcher
1007Wickens O DoeUnited Kingdom2025-10-04Commercial Press NEGOTIATION2Xuxue Feng
1008Claire B ButtFrance2025-10-02Chapman, Ross E Esq UNQUALIFIED42Bernardo Dominic
1009Johnson W FerenczItaly2025-10-03Printing Dimensions PROPOSAL39Asiya Javayant
1010Arvin F GillianAustralia2025-10-06Commercial Press NEGOTIATION39Asiya Javayant
1011Misaki K RoysterFrance2025-10-14Morlong Associates RENEWAL89Amy Elsner
1012Julie M CaldareraArgentina2025-10-15Chapman, Ross E Esq RENEWAL87Bernardo Dominic
1013Costa V MaletFrance2025-10-03Feltz Printing Service QUALIFIED35Ioni Bowcher
1014Arvin V RoysterArgentina2025-10-12Truhlar And Truhlar Attys NEGOTIATION37Xuxue Feng
1015Wickens W FollerFrance2025-10-14Morlong Associates QUALIFIED4Amy Elsner
1016Jones C KuskoFrance2025-10-01Printing Dimensions RENEWAL67Elwin Sharvill
1017Johnson A GlickSpain2025-10-19Printing Dimensions PROPOSAL79Asiya Javayant
1018David B IturbideJapan2025-10-08Truhlar And Truhlar Attys PROPOSAL32Bernardo Dominic
1019Ashley H AlbaresSpain2025-10-09Chapman, Ross E Esq NEGOTIATION95Xuxue Feng
1020Maisha D FerenczFrance2025-10-15Printing Dimensions PROPOSAL46Bernardo Dominic
1021Kaitlin H GauchoSpain2025-09-28Truhlar And Truhlar Attys NEW46Asiya Javayant
1022Greenwood G OstroskyGermany2025-10-07Feltz Printing Service PROPOSAL91Elwin Sharvill
1023Ashley T WieserSpain2025-10-14Printing Dimensions NEW63Amy Elsner
1024Arvin Z VocelkaGermany2025-10-18Buckley Miller Wright PROPOSAL55Xuxue Feng
1025Kadeem P CaudyItaly2025-10-02King, Christopher A Esq RENEWAL62Anna Fali
1026Chavez D InouyeJapan2025-10-26Morlong Associates QUALIFIED89Xuxue Feng
1027Tony S RulapaughUnited Kingdom2025-10-26Truhlar And Truhlar Attys QUALIFIED70Ioni Bowcher
1028Sinclair W KolmetzJapan2025-10-26Truhlar And Truhlar Attys QUALIFIED66Elwin Sharvill
1029Nicolas U VenereSpain2025-10-25Feltz Printing Service NEW3Asiya Javayant
1030Alejandro F PoquetteItaly2025-10-11Dorl, James J Esq UNQUALIFIED66Asiya Javayant
1031Silvio W SlusarskiRussia2025-10-17Feltz Printing Service QUALIFIED58Ivan Magalhaes
1032Jennifer H SaylorsGermany2025-10-15Rousseaux, Michael Esq QUALIFIED0Elwin Sharvill
1033Salvatore V ShinkoGermany2025-09-30Morlong Associates NEW91Anna Fali
1034Greenwood K AmigonCanada2025-10-20Benton, John B Jr PROPOSAL58Stephen Shaw
1035Mayumi H GlickArgentina2025-10-23Rousseaux, Michael Esq UNQUALIFIED45Stephen Shaw
1036Faith O GarufiAustralia2025-10-20Feiner Bros PROPOSAL37Xuxue Feng
1037Maisha F KuskoJapan2025-10-19Rangoni Of Florence NEW77Amy Elsner
1038Isabel R WhobreyArgentina2025-10-05Commercial Press PROPOSAL4Anna Fali
1039Emily O RulapaughSpain2025-10-17Buckley Miller Wright UNQUALIFIED84Elwin Sharvill
1040Sinclair O BriddickIndia2025-10-16Dorl, James J Esq RENEWAL55Anna Fali
1041Ashley M BologniaIndia2025-10-08Chemel, James L Cpa RENEWAL28Elwin Sharvill
1042Kadeem I FlosiBrazil2025-10-19Truhlar And Truhlar Attys UNQUALIFIED83Xuxue Feng
1043Octavia G ShinkoJapan2025-10-18Benton, John B Jr UNQUALIFIED19Ivan Magalhaes
1044Aditya V MorascaSpain2025-10-26Chapman, Ross E Esq NEGOTIATION27Xuxue Feng
1045Johnson E InouyeJapan2025-10-14Chapman, Ross E Esq PROPOSAL12Onyama Limba
1046Johnson R VenereArgentina2025-10-14Chemel, James L Cpa PROPOSAL17Xuxue Feng
1047Ivar L BologniaJapan2025-10-09Rangoni Of Florence NEW10Asiya Javayant
1048Jefferson V FlosiArgentina2025-10-18Truhlar And Truhlar Attys NEGOTIATION46Amy Elsner
1049James Q SchemmerFrance2025-10-07Benton, John B Jr NEW3Amy Elsner
Frozen Rows
NameCountryRepresentativeStatus
Isabel F KuskoBrazilIoni Bowcher NEW
Ivar X SchemmerArgentinaIvan Magalhaes QUALIFIED
Adams L VocelkaAustraliaAsiya Javayant PROPOSAL
Silvio H KolmetzSpainBernardo Dominic QUALIFIED
Murillo X GauchoIndiaAnna Fali NEW
Emily W SchemmerGermanyAnna Fali NEW
Maisha J GarufiAustraliaOnyama Limba NEW
Silvio A CaldareraJapanAsiya Javayant UNQUALIFIED
Arvin Y PerinJapanIvan Magalhaes UNQUALIFIED
David N BologniaJapanIvan Magalhaes RENEWAL
Wickens Z NickaRussiaElwin Sharvill PROPOSAL
Salvatore C TollnerAustraliaAmy Elsner NEW
Morrow Z FigeroaUnited KingdomBernardo Dominic RENEWAL
Jefferson C PoquetteIndiaStephen Shaw QUALIFIED
Antonio W SchemmerJapanOnyama Limba NEW
Cody T WaycottArgentinaIoni Bowcher NEW
Costa L RimIndiaAsiya Javayant NEW
Emily L BowleyBrazilOnyama Limba UNQUALIFIED
Faith B InouyeGermanyXuxue Feng NEW
Jefferson Y GarufiUnited KingdomIoni Bowcher UNQUALIFIED
Murillo O AmigonIndiaIvan Magalhaes PROPOSAL
Arvin I ShinkoRussiaIoni Bowcher PROPOSAL
Sinclair R VocelkaBrazilIvan Magalhaes UNQUALIFIED
Julie B InouyeFranceOnyama Limba RENEWAL
Claire D ChuiIndiaAsiya Javayant QUALIFIED
Leja P PaprockiIndiaXuxue Feng NEW
Jefferson I GlickItalyBernardo Dominic UNQUALIFIED
Jefferson E VenereIndiaOnyama Limba PROPOSAL
Arvin Y RoysterGermanyXuxue Feng QUALIFIED
Claire V MaletRussiaIoni Bowcher NEGOTIATION
Francesco L WhobreyCanadaAsiya Javayant UNQUALIFIED
Kadeem E MaletCanadaIvan Magalhaes RENEWAL
Sinclair D FigeroaJapanAnna Fali UNQUALIFIED
Izzy S StockhamCanadaElwin Sharvill NEGOTIATION
Stacey S AmigonIndiaOnyama Limba NEGOTIATION
Jeanfrancois V FlosiJapanElwin Sharvill NEW
Rodrigues N TollnerJapanAmy Elsner RENEWAL
Aruna V FigeroaGermanyXuxue Feng PROPOSAL
Ricardo D GillianBrazilBernardo Dominic QUALIFIED
Jeanfrancois A InouyeJapanOnyama Limba PROPOSAL
Jones I FerenczJapanBernardo Dominic RENEWAL
Sinclair W SaylorsCanadaAnna Fali QUALIFIED
Julie A GauchoArgentinaIvan Magalhaes QUALIFIED
Misaki F NickaGermanyBernardo Dominic QUALIFIED
Salvatore U StensethFranceIvan Magalhaes NEGOTIATION
Faith N OldroydRussiaElwin Sharvill RENEWAL
Maria E ShinkoItalyAnna Fali PROPOSAL
Isabel V WhobreyFranceStephen Shaw RENEWAL
Stacey T SergiJapanBernardo Dominic RENEWAL
Stacey A MaletRussiaElwin Sharvill QUALIFIED
Frozen Columns
Name
Munro C Saylors
Sinclair D Vocelka
Clifford X Paprocki
Clifford Z Sergi
Smith U Albares
Misaki I Flosi
Aika J Rim
Mujtaba V Sergi
Alejandro N Slusarski
Emily A Morasca
Maisha N Nestle
Greenwood L Wieser
Maria L Vocelka
Juan P Caldarera
Johnson V Bowley
Aruna H Bolognia
Mujtaba T Perin
Salvatore P Doe
Smith P Butt
Salvatore D Malet
Clifford T Perin
Kadeem A Kusko
Adams K Schemmer
Octavia C Ferencz
David V Butt
Smith B Kolmetz
Jefferson C Inouye
Kadeem H Butt
Darci Q Campain
Jeanfrancois H Malet
Leja S Tollner
Morrow L Doe
Emily X Butt
Mujtaba Z Nicka
Rodrigues K Albares
Morrow A Venere
Misaki P Tollner
Ivar Z Nicka
Faith N Darakjy
Rodrigues J Slusarski
Ricardo H Albares
Ricardo Y Rulapaugh
Maisha C Ostrosky
Isabel I Glick
Mujtaba Q Marrier
Aditya N Paprocki
Aditya W Bolognia
Darci Q Wieser
Jefferson H Nicka
Izzy H Whobrey
IdCountryDate
1000Brazil2025-10-07
1001Australia2025-10-02
1002Spain2025-10-02
1003France2025-10-18
1004Germany2025-10-17
1005Italy2025-10-05
1006Argentina2025-10-23
1007Canada2025-10-09
1008Japan2025-09-30
1009Brazil2025-10-15
1010United Kingdom2025-10-10
1011Russia2025-10-22
1012India2025-10-10
1013Japan2025-09-29
1014Argentina2025-10-03
1015United Kingdom2025-10-11
1016United Kingdom2025-10-08
1017Canada2025-09-30
1018Spain2025-09-30
1019Brazil2025-10-25
1020Argentina2025-10-05
1021Germany2025-10-01
1022United Kingdom2025-10-13
1023France2025-10-18
1024Russia2025-10-17
1025Germany2025-09-28
1026Japan2025-10-20
1027Australia2025-10-27
1028Australia2025-10-23
1029Italy2025-10-01
1030India2025-10-25
1031Argentina2025-10-16
1032Australia2025-10-24
1033France2025-10-15
1034France2025-10-20
1035Russia2025-10-10
1036Germany2025-10-01
1037Argentina2025-10-19
1038Argentina2025-10-25
1039Brazil2025-10-04
1040Japan2025-10-25
1041Germany2025-10-17
1042Russia2025-10-03
1043Spain2025-10-12
1044Canada2025-10-02
1045United Kingdom2025-10-06
1046India2025-10-26
1047Canada2025-10-07
1048Canada2025-10-26
1049Canada2025-10-08

On-Demand Data

NameIdCountryDate
Misaki U Bolognia1000United Kingdom2025-10-23
Juan G Darakjy1001Argentina2025-10-21
Jennifer D Marrier1002India2025-10-01
Munro W Figeroa1003Brazil2025-10-03
Claire F Venere1004Spain2025-09-28
Murillo G Gillian1005India2025-10-16
Antonio G Ruta1006Australia2025-10-18
Arvin B Oldroyd1007United Kingdom2025-10-19
Munro S Paprocki1008Argentina2025-09-28
Stacey Z Iturbide1009Germany2025-10-17
Aika Z Slusarski1010Germany2025-10-22
Aika M Inouye1011Spain2025-10-04
Isabel Z Whobrey1012India2025-10-10
Deepesh T Vocelka1013Canada2025-10-08
Aika R Ruta1014Argentina2025-10-01
Alejandro H Campain1015France2025-10-06
Stacey I Butt1016India2025-10-05
Francesco R Malet1017Spain2025-10-02
Alejandro B Stenseth1018France2025-10-26
Wickens R Darakjy1019Canada2025-10-23
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
James Q StensethSpainBernardo Dominic RENEWAL
Jones V GarufiAustraliaAmy Elsner NEGOTIATION
Maria D KolmetzFranceElwin Sharvill RENEWAL
Izzy G SlusarskiFranceAsiya Javayant UNQUALIFIED
Nicolas I DoeIndiaElwin Sharvill PROPOSAL
Isabel H VenereAustraliaXuxue Feng RENEWAL
Darci X WieserIndiaBernardo Dominic RENEWAL
Silvio Z MaletSpainAnna Fali NEW
Johnson I ShinkoAustraliaXuxue Feng QUALIFIED
Mujtaba Z CaudyItalyXuxue Feng NEW
Juan G InouyeArgentinaIvan Magalhaes NEGOTIATION
Juan M MorascaJapanIoni Bowcher NEW
Darci I SaylorsSpainOnyama Limba RENEWAL
Arvin L RutaSpainIoni Bowcher PROPOSAL
Smith P InouyeJapanAmy Elsner NEGOTIATION
Sinclair B SlusarskiRussiaAnna Fali NEGOTIATION
Leja P BriddickIndiaOnyama Limba NEGOTIATION
Jones S MacleadRussiaBernardo Dominic QUALIFIED
Mayumi H BologniaFranceAsiya Javayant RENEWAL
Sinclair I GillianUnited KingdomAmy Elsner RENEWAL
Greenwood H StensethCanadaAnna Fali PROPOSAL
Greenwood N CaldareraItalyXuxue Feng NEW
Octavia A SergiFranceAmy Elsner NEW
Chavez U GillianIndiaElwin Sharvill UNQUALIFIED
Faith B GillianArgentinaElwin Sharvill PROPOSAL
Juan W WaycottItalyAnna Fali QUALIFIED
Rodrigues D IturbideIndiaAnna Fali RENEWAL
Emily I GlickFranceBernardo Dominic RENEWAL
Emily I IturbideArgentinaIvan Magalhaes QUALIFIED
Juan G VocelkaRussiaStephen Shaw PROPOSAL
Jefferson S InouyeCanadaStephen Shaw NEW
Kadeem G BowleyFranceOnyama Limba RENEWAL
Mayumi A CampainGermanyIvan Magalhaes QUALIFIED
Maisha L SlusarskiItalyAnna Fali PROPOSAL
Nicolas Z RulapaughUnited KingdomStephen Shaw QUALIFIED
Maisha C RulapaughIndiaBernardo Dominic RENEWAL
Jefferson Z GauchoArgentinaAsiya Javayant UNQUALIFIED
Maria A MaletJapanOnyama Limba NEW
Izzy H AmigonGermanyBernardo Dominic RENEWAL
Arvin E DarakjyGermanyXuxue Feng 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>