vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Updated scrollable table demos

pull/973/head
Cagatay Civici 2021-02-10 16:54:15 +03:00
parent 560add9d67
commit 6bf28c0452
3 changed files with 1100 additions and 975 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

204
public/demo/data/customers-medium.json
View File

@ -10,11 +10,13 @@
"company":"Benton, John B Jr", "company":"Benton, John B Jr",
"date":"2015-09-13", "date":"2015-09-13",
"status":"unqualified", "status":"unqualified",
"verified":true,
"activity":17, "activity":17,
"representative":{ "representative":{
"name":"Ioni Bowcher", "name":"Ioni Bowcher",
"image":"ionibowcher.png" "image":"ionibowcher.png"
} },
"balance":70663
}, },
{ {
"id":1001, "id":1001,
@ -26,11 +28,13 @@
"company":"Chanay, Jeffrey A Esq", "company":"Chanay, Jeffrey A Esq",
"date":"2019-02-09", "date":"2019-02-09",
"status":"proposal", "status":"proposal",
"verified":true,
"activity":0, "activity":0,
"representative":{ "representative":{
"name":"Amy Elsner", "name":"Amy Elsner",
"image":"amyelsner.png" "image":"amyelsner.png"
} },
"balance":82429
}, },
{ {
"id":1002, "id":1002,
@ -42,11 +46,13 @@
"company":"Chemel, James L Cpa", "company":"Chemel, James L Cpa",
"date":"2017-05-13", "date":"2017-05-13",
"status":"qualified", "status":"qualified",
"verified":false,
"activity":63, "activity":63,
"representative":{ "representative":{
"name":"Asiya Javayant", "name":"Asiya Javayant",
"image":"asiyajavayant.png" "image":"asiyajavayant.png"
} },
"balance":28334
}, },
{ {
"id":1003, "id":1003,
@ -58,11 +64,13 @@
"company":"Feltz Printing Service", "company":"Feltz Printing Service",
"date":"2020-09-15", "date":"2020-09-15",
"status":"new", "status":"new",
"verified":false,
"activity":37, "activity":37,
"representative":{ "representative":{
"name":"Xuxue Feng", "name":"Xuxue Feng",
"image":"xuxuefeng.png" "image":"xuxuefeng.png"
} },
"balance":88521
}, },
{ {
"id":1004, "id":1004,
@ -74,11 +82,13 @@
"company":"Printing Dimensions", "company":"Printing Dimensions",
"date":"2016-05-20", "date":"2016-05-20",
"status":"proposal", "status":"proposal",
"verified":true,
"activity":33, "activity":33,
"representative":{ "representative":{
"name":"Asiya Javayant", "name":"Asiya Javayant",
"image":"asiyajavayant.png" "image":"asiyajavayant.png"
} },
"balance":93905
}, },
{ {
"id":1005, "id":1005,
@ -90,11 +100,13 @@
"company":"Chapman, Ross E Esq", "company":"Chapman, Ross E Esq",
"date":"2018-02-16", "date":"2018-02-16",
"status":"qualified", "status":"qualified",
"verified":false,
"activity":68, "activity":68,
"representative":{ "representative":{
"name":"Ivan Magalhaes", "name":"Ivan Magalhaes",
"image":"ivanmagalhaes.png" "image":"ivanmagalhaes.png"
} },
"balance":50041
}, },
{ {
"id":1006, "id":1006,
@ -106,11 +118,13 @@
"company":"Morlong Associates", "company":"Morlong Associates",
"date":"2018-02-19", "date":"2018-02-19",
"status":"renewal", "status":"renewal",
"verified":true,
"activity":54, "activity":54,
"representative":{ "representative":{
"name":"Ivan Magalhaes", "name":"Ivan Magalhaes",
"image":"ivanmagalhaes.png" "image":"ivanmagalhaes.png"
} },
"balance":58706
}, },
{ {
"id":1007, "id":1007,
@ -122,11 +136,13 @@
"company":"Commercial Press", "company":"Commercial Press",
"date":"2019-08-13", "date":"2019-08-13",
"status":"renewal", "status":"renewal",
"verified":true,
"activity":69, "activity":69,
"representative":{ "representative":{
"name":"Onyama Limba", "name":"Onyama Limba",
"image":"onyamalimba.png" "image":"onyamalimba.png"
} },
"balance":26640
}, },
{ {
"id":1008, "id":1008,
@ -138,11 +154,13 @@
"company":"Truhlar And Truhlar Attys", "company":"Truhlar And Truhlar Attys",
"date":"2018-11-21", "date":"2018-11-21",
"status":"unqualified", "status":"unqualified",
"verified":true,
"activity":76, "activity":76,
"representative":{ "representative":{
"name":"Ivan Magalhaes", "name":"Ivan Magalhaes",
"image":"ivanmagalhaes.png" "image":"ivanmagalhaes.png"
} },
"balance":65369
}, },
{ {
"id":1009, "id":1009,
@ -154,11 +172,13 @@
"company":"King, Christopher A Esq", "company":"King, Christopher A Esq",
"date":"2015-07-07", "date":"2015-07-07",
"status":"proposal", "status":"proposal",
"verified":false,
"activity":3, "activity":3,
"representative":{ "representative":{
"name":"Onyama Limba", "name":"Onyama Limba",
"image":"onyamalimba.png" "image":"onyamalimba.png"
} },
"balance":63451
}, },
{ {
"id":1010, "id":1010,
@ -170,11 +190,13 @@
"company":"Dorl, James J Esq", "company":"Dorl, James J Esq",
"date":"2018-11-07", "date":"2018-11-07",
"status":"qualified", "status":"qualified",
"verified":false,
"activity":38, "activity":38,
"representative":{ "representative":{
"name":"Anna Fali", "name":"Anna Fali",
"image":"annafali.png" "image":"annafali.png"
} },
"balance":71169
}, },
{ {
"id":1011, "id":1011,
@ -186,11 +208,13 @@
"company":"Rangoni Of Florence", "company":"Rangoni Of Florence",
"date":"2017-03-11", "date":"2017-03-11",
"status":"qualified", "status":"qualified",
"verified":true,
"activity":87, "activity":87,
"representative":{ "representative":{
"name":"Bernardo Dominic", "name":"Bernardo Dominic",
"image":"bernardodominic.png" "image":"bernardodominic.png"
} },
"balance":96842
}, },
{ {
"id":1012, "id":1012,
@ -202,11 +226,13 @@
"company":"Feiner Bros", "company":"Feiner Bros",
"date":"2015-10-20", "date":"2015-10-20",
"status":"unqualified", "status":"unqualified",
"verified":false,
"activity":80, "activity":80,
"representative":{ "representative":{
"name":"Onyama Limba", "name":"Onyama Limba",
"image":"onyamalimba.png" "image":"onyamalimba.png"
} },
"balance":92734
}, },
{ {
"id":1013, "id":1013,
@ -215,14 +241,16 @@
"name":"Chile", "name":"Chile",
"code":"cl" "code":"cl"
}, },
"company": "Buckley Miller \u0026 Wright", "company":"Buckley Miller & Wright",
"date":"2016-07-25", "date":"2016-07-25",
"status":"negotiation", "status":"negotiation",
"verified":false,
"activity":59, "activity":59,
"representative":{ "representative":{
"name":"Amy Elsner", "name":"Amy Elsner",
"image":"amyelsner.png" "image":"amyelsner.png"
} },
"balance":45250
}, },
{ {
"id":1014, "id":1014,
@ -234,11 +262,13 @@
"company":"Rousseaux, Michael Esq", "company":"Rousseaux, Michael Esq",
"date":"2019-06-25", "date":"2019-06-25",
"status":"new", "status":"new",
"verified":true,
"activity":90, "activity":90,
"representative":{ "representative":{
"name":"Asiya Javayant", "name":"Asiya Javayant",
"image":"asiyajavayant.png" "image":"asiyajavayant.png"
} },
"balance":30236
}, },
{ {
"id":1015, "id":1015,
@ -250,11 +280,13 @@
"company":"Century Communications", "company":"Century Communications",
"date":"2017-12-12", "date":"2017-12-12",
"status":"negotiation", "status":"negotiation",
"verified":false,
"activity":52, "activity":52,
"representative":{ "representative":{
"name":"Anna Fali", "name":"Anna Fali",
"image":"annafali.png" "image":"annafali.png"
} },
"balance":64533
}, },
{ {
"id":1016, "id":1016,
@ -266,11 +298,13 @@
"company":"Bolton, Wilbur Esq", "company":"Bolton, Wilbur Esq",
"date":"2018-07-04", "date":"2018-07-04",
"status":"unqualified", "status":"unqualified",
"verified":false,
"activity":31, "activity":31,
"representative":{ "representative":{
"name":"Ivan Magalhaes", "name":"Ivan Magalhaes",
"image":"ivanmagalhaes.png" "image":"ivanmagalhaes.png"
} },
"balance":37279
}, },
{ {
"id":1017, "id":1017,
@ -282,11 +316,13 @@
"company":"T M Byxbee Company Pc", "company":"T M Byxbee Company Pc",
"date":"2020-02-27", "date":"2020-02-27",
"status":"renewal", "status":"renewal",
"verified":true,
"activity":48, "activity":48,
"representative":{ "representative":{
"name":"Stephen Shaw", "name":"Stephen Shaw",
"image":"stephenshaw.png" "image":"stephenshaw.png"
} },
"balance":27381
}, },
{ {
"id":1018, "id":1018,
@ -298,11 +334,13 @@
"company":"Farmers Insurance Group", "company":"Farmers Insurance Group",
"date":"2017-12-21", "date":"2017-12-21",
"status":"negotiation", "status":"negotiation",
"verified":true,
"activity":16, "activity":16,
"representative":{ "representative":{
"name":"Bernardo Dominic", "name":"Bernardo Dominic",
"image":"bernardodominic.png" "image":"bernardodominic.png"
} },
"balance":9257
}, },
{ {
"id":1019, "id":1019,
@ -314,11 +352,13 @@
"company":"Post Box Services Plus", "company":"Post Box Services Plus",
"date":"2016-01-04", "date":"2016-01-04",
"status":"renewal", "status":"renewal",
"verified":true,
"activity":19, "activity":19,
"representative":{ "representative":{
"name":"Xuxue Feng", "name":"Xuxue Feng",
"image":"xuxuefeng.png" "image":"xuxuefeng.png"
} },
"balance":67783
}, },
{ {
"id":1020, "id":1020,
@ -330,11 +370,13 @@
"company":"Sport En Art", "company":"Sport En Art",
"date":"2016-10-21", "date":"2016-10-21",
"status":"renewal", "status":"renewal",
"verified":false,
"activity":100, "activity":100,
"representative":{ "representative":{
"name":"Onyama Limba", "name":"Onyama Limba",
"image":"onyamalimba.png" "image":"onyamalimba.png"
} },
"balance":4609
}, },
{ {
"id":1021, "id":1021,
@ -346,11 +388,13 @@
"company":"C 4 Network Inc", "company":"C 4 Network Inc",
"date":"2017-03-24", "date":"2017-03-24",
"status":"renewal", "status":"renewal",
"verified":false,
"activity":72, "activity":72,
"representative":{ "representative":{
"name":"Ioni Bowcher", "name":"Ioni Bowcher",
"image":"ionibowcher.png" "image":"ionibowcher.png"
} },
"balance":26565
}, },
{ {
"id":1022, "id":1022,
@ -362,11 +406,13 @@
"company":"Ingalls, Donald R Esq", "company":"Ingalls, Donald R Esq",
"date":"2017-04-15", "date":"2017-04-15",
"status":"renewal", "status":"renewal",
"verified":true,
"activity":94, "activity":94,
"representative":{ "representative":{
"name":"Asiya Javayant", "name":"Asiya Javayant",
"image":"asiyajavayant.png" "image":"asiyajavayant.png"
} },
"balance":75876
}, },
{ {
"id":1023, "id":1023,
@ -378,11 +424,13 @@
"company":"Franklin, Peter L Esq", "company":"Franklin, Peter L Esq",
"date":"2017-03-11", "date":"2017-03-11",
"status":"qualified", "status":"qualified",
"verified":false,
"activity":56, "activity":56,
"representative":{ "representative":{
"name":"Elwin Sharvill", "name":"Elwin Sharvill",
"image":"elwinsharvill.png" "image":"elwinsharvill.png"
} },
"balance":41121
}, },
{ {
"id":1024, "id":1024,
@ -394,11 +442,13 @@
"company":"Wtlz Power 107 Fm", "company":"Wtlz Power 107 Fm",
"date":"2018-03-27", "date":"2018-03-27",
"status":"qualified", "status":"qualified",
"verified":true,
"activity":7, "activity":7,
"representative":{ "representative":{
"name":"Stephen Shaw", "name":"Stephen Shaw",
"image":"stephenshaw.png" "image":"stephenshaw.png"
} },
"balance":91691
}, },
{ {
"id":1025, "id":1025,
@ -410,11 +460,13 @@
"company":"Ledecky, David Esq", "company":"Ledecky, David Esq",
"date":"2016-02-20", "date":"2016-02-20",
"status":"qualified", "status":"qualified",
"verified":true,
"activity":1, "activity":1,
"representative":{ "representative":{
"name":"Ivan Magalhaes", "name":"Ivan Magalhaes",
"image":"ivanmagalhaes.png" "image":"ivanmagalhaes.png"
} },
"balance":40137
}, },
{ {
"id":1026, "id":1026,
@ -426,11 +478,13 @@
"company":"Professional Image Inc", "company":"Professional Image Inc",
"date":"2018-06-24", "date":"2018-06-24",
"status":"new", "status":"new",
"verified":true,
"activity":26, "activity":26,
"representative":{ "representative":{
"name":"Ioni Bowcher", "name":"Ioni Bowcher",
"image":"ionibowcher.png" "image":"ionibowcher.png"
} },
"balance":21304
}, },
{ {
"id":1027, "id":1027,
@ -442,11 +496,13 @@
"company":"Sider, Donald C Esq", "company":"Sider, Donald C Esq",
"date":"2016-09-24", "date":"2016-09-24",
"status":"new", "status":"new",
"verified":false,
"activity":76, "activity":76,
"representative":{ "representative":{
"name":"Amy Elsner", "name":"Amy Elsner",
"image":"amyelsner.png" "image":"amyelsner.png"
} },
"balance":60454
}, },
{ {
"id":1028, "id":1028,
@ -458,11 +514,13 @@
"company":"U Pull It", "company":"U Pull It",
"date":"2020-04-11", "date":"2020-04-11",
"status":"qualified", "status":"qualified",
"verified":true,
"activity":7, "activity":7,
"representative":{ "representative":{
"name":"Onyama Limba", "name":"Onyama Limba",
"image":"onyamalimba.png" "image":"onyamalimba.png"
} },
"balance":17565
}, },
{ {
"id":1029, "id":1029,
@ -474,11 +532,13 @@
"company":"Clark, Richard Cpa", "company":"Clark, Richard Cpa",
"date":"2018-04-11", "date":"2018-04-11",
"status":"renewal", "status":"renewal",
"verified":true,
"activity":81, "activity":81,
"representative":{ "representative":{
"name":"Ioni Bowcher", "name":"Ioni Bowcher",
"image":"ionibowcher.png" "image":"ionibowcher.png"
} },
"balance":17774
}, },
{ {
"id":1030, "id":1030,
@ -490,11 +550,13 @@
"company":"Moskowitz, Barry S", "company":"Moskowitz, Barry S",
"date":"2016-06-11", "date":"2016-06-11",
"status":"negotiation", "status":"negotiation",
"verified":true,
"activity":56, "activity":56,
"representative":{ "representative":{
"name":"Asiya Javayant", "name":"Asiya Javayant",
"image":"asiyajavayant.png" "image":"asiyajavayant.png"
} },
"balance":49201
}, },
{ {
"id":1031, "id":1031,
@ -506,11 +568,13 @@
"company":"Cascade Realty Advisors Inc", "company":"Cascade Realty Advisors Inc",
"date":"2017-08-02", "date":"2017-08-02",
"status":"qualified", "status":"qualified",
"verified":true,
"activity":94, "activity":94,
"representative":{ "representative":{
"name":"Ioni Bowcher", "name":"Ioni Bowcher",
"image":"ionibowcher.png" "image":"ionibowcher.png"
} },
"balance":67126
}, },
{ {
"id":1032, "id":1032,
@ -522,11 +586,13 @@
"company":"Knwz Newsradio", "company":"Knwz Newsradio",
"date":"2018-06-06", "date":"2018-06-06",
"status":"renewal", "status":"renewal",
"verified":true,
"activity":68, "activity":68,
"representative":{ "representative":{
"name":"Xuxue Feng", "name":"Xuxue Feng",
"image":"xuxuefeng.png" "image":"xuxuefeng.png"
} },
"balance":76017
}, },
{ {
"id":1033, "id":1033,
@ -538,11 +604,13 @@
"company":"Giampetro, Anthony D", "company":"Giampetro, Anthony D",
"date":"2019-08-08", "date":"2019-08-08",
"status":"proposal", "status":"proposal",
"verified":true,
"activity":85, "activity":85,
"representative":{ "representative":{
"name":"Bernardo Dominic", "name":"Bernardo Dominic",
"image":"bernardodominic.png" "image":"bernardodominic.png"
} },
"balance":91201
}, },
{ {
"id":1034, "id":1034,
@ -554,11 +622,13 @@
"company":"Milford Enterprises Inc", "company":"Milford Enterprises Inc",
"date":"2018-05-19", "date":"2018-05-19",
"status":"negotiation", "status":"negotiation",
"verified":false,
"activity":46, "activity":46,
"representative":{ "representative":{
"name":"Ivan Magalhaes", "name":"Ivan Magalhaes",
"image":"ivanmagalhaes.png" "image":"ivanmagalhaes.png"
} },
"balance":12237
}, },
{ {
"id":1035, "id":1035,
@ -570,11 +640,13 @@
"company":"Mosocco, Ronald A", "company":"Mosocco, Ronald A",
"date":"2015-02-12", "date":"2015-02-12",
"status":"qualified", "status":"qualified",
"verified":true,
"activity":32, "activity":32,
"representative":{ "representative":{
"name":"Onyama Limba", "name":"Onyama Limba",
"image":"onyamalimba.png" "image":"onyamalimba.png"
} },
"balance":34072
}, },
{ {
"id":1036, "id":1036,
@ -586,11 +658,13 @@
"company":"Tri State Refueler Co", "company":"Tri State Refueler Co",
"date":"2018-04-25", "date":"2018-04-25",
"status":"qualified", "status":"qualified",
"verified":true,
"activity":77, "activity":77,
"representative":{ "representative":{
"name":"Amy Elsner", "name":"Amy Elsner",
"image":"amyelsner.png" "image":"amyelsner.png"
} },
"balance":94909
}, },
{ {
"id":1037, "id":1037,
@ -602,11 +676,13 @@
"company":"Parkway Company", "company":"Parkway Company",
"date":"2016-02-27", "date":"2016-02-27",
"status":"unqualified", "status":"unqualified",
"verified":true,
"activity":66, "activity":66,
"representative":{ "representative":{
"name":"Amy Elsner", "name":"Amy Elsner",
"image":"amyelsner.png" "image":"amyelsner.png"
} },
"balance":57245
}, },
{ {
"id":1038, "id":1038,
@ -618,11 +694,13 @@
"company":"Fbs Business Finance", "company":"Fbs Business Finance",
"date":"2019-09-17", "date":"2019-09-17",
"status":"qualified", "status":"qualified",
"verified":true,
"activity":25, "activity":25,
"representative":{ "representative":{
"name":"Bernardo Dominic", "name":"Bernardo Dominic",
"image":"bernardodominic.png" "image":"bernardodominic.png"
} },
"balance":75502
}, },
{ {
"id":1039, "id":1039,
@ -634,11 +712,13 @@
"company":"Eder Assocs Consltng Engrs Pc", "company":"Eder Assocs Consltng Engrs Pc",
"date":"2016-12-03", "date":"2016-12-03",
"status":"renewal", "status":"renewal",
"verified":false,
"activity":51, "activity":51,
"representative":{ "representative":{
"name":"Ioni Bowcher", "name":"Ioni Bowcher",
"image":"ionibowcher.png" "image":"ionibowcher.png"
} },
"balance":82075
}, },
{ {
"id":1040, "id":1040,
@ -650,11 +730,13 @@
"company":"Tri M Tool Inc", "company":"Tri M Tool Inc",
"date":"2017-12-15", "date":"2017-12-15",
"status":"negotiation", "status":"negotiation",
"verified":true,
"activity":49, "activity":49,
"representative":{ "representative":{
"name":"Xuxue Feng", "name":"Xuxue Feng",
"image":"xuxuefeng.png" "image":"xuxuefeng.png"
} },
"balance":19208
}, },
{ {
"id":1041, "id":1041,
@ -666,11 +748,13 @@
"company":"International Eyelets Inc", "company":"International Eyelets Inc",
"date":"2017-02-02", "date":"2017-02-02",
"status":"qualified", "status":"qualified",
"verified":false,
"activity":5, "activity":5,
"representative":{ "representative":{
"name":"Amy Elsner", "name":"Amy Elsner",
"image":"amyelsner.png" "image":"amyelsner.png"
} },
"balance":50194
}, },
{ {
"id":1042, "id":1042,
@ -682,11 +766,13 @@
"company":"Rapid Trading Intl", "company":"Rapid Trading Intl",
"date":"2018-12-25", "date":"2018-12-25",
"status":"unqualified", "status":"unqualified",
"verified":false,
"activity":100, "activity":100,
"representative":{ "representative":{
"name":"Anna Fali", "name":"Anna Fali",
"image":"annafali.png" "image":"annafali.png"
} },
"balance":77714
}, },
{ {
"id":1043, "id":1043,
@ -698,11 +784,13 @@
"company":"Abc Enterprises Inc", "company":"Abc Enterprises Inc",
"date":"2018-04-10", "date":"2018-04-10",
"status":"qualified", "status":"qualified",
"verified":false,
"activity":71, "activity":71,
"representative":{ "representative":{
"name":"Stephen Shaw", "name":"Stephen Shaw",
"image":"stephenshaw.png" "image":"stephenshaw.png"
} },
"balance":35740
}, },
{ {
"id":1044, "id":1044,
@ -714,11 +802,13 @@
"company":"Cindy Turner Associates", "company":"Cindy Turner Associates",
"date":"2018-05-06", "date":"2018-05-06",
"status":"unqualified", "status":"unqualified",
"verified":true,
"activity":54, "activity":54,
"representative":{ "representative":{
"name":"Amy Elsner", "name":"Amy Elsner",
"image":"amyelsner.png" "image":"amyelsner.png"
} },
"balance":30790
}, },
{ {
"id":1045, "id":1045,
@ -730,11 +820,13 @@
"company":"Stanton, James D Esq", "company":"Stanton, James D Esq",
"date":"2019-07-10", "date":"2019-07-10",
"status":"renewal", "status":"renewal",
"verified":true,
"activity":93, "activity":93,
"representative":{ "representative":{
"name":"Onyama Limba", "name":"Onyama Limba",
"image":"onyamalimba.png" "image":"onyamalimba.png"
} },
"balance":52343
}, },
{ {
"id":1046, "id":1046,
@ -746,11 +838,13 @@
"company":"Grace Pastries Inc", "company":"Grace Pastries Inc",
"date":"2018-02-19", "date":"2018-02-19",
"status":"unqualified", "status":"unqualified",
"verified":false,
"activity":97, "activity":97,
"representative":{ "representative":{
"name":"Xuxue Feng", "name":"Xuxue Feng",
"image":"xuxuefeng.png" "image":"xuxuefeng.png"
} },
"balance":53966
}, },
{ {
"id":1047, "id":1047,
@ -762,11 +856,13 @@
"company":"Schroer, Gene E Esq", "company":"Schroer, Gene E Esq",
"date":"2019-11-27", "date":"2019-11-27",
"status":"new", "status":"new",
"verified":false,
"activity":80, "activity":80,
"representative":{ "representative":{
"name":"Xuxue Feng", "name":"Xuxue Feng",
"image":"xuxuefeng.png" "image":"xuxuefeng.png"
} },
"balance":9920
}, },
{ {
"id":1048, "id":1048,
@ -778,11 +874,13 @@
"company":"Knights Inn", "company":"Knights Inn",
"date":"2018-11-24", "date":"2018-11-24",
"status":"new", "status":"new",
"verified":false,
"activity":63, "activity":63,
"representative":{ "representative":{
"name":"Stephen Shaw", "name":"Stephen Shaw",
"image":"stephenshaw.png" "image":"stephenshaw.png"
} },
"balance":78069
}, },
{ {
"id":1049, "id":1049,
@ -791,14 +889,16 @@
"name":"Finland", "name":"Finland",
"code":"fi" "code":"fi"
}, },
"company": "Bollinger Mach Shp \u0026 Shipyard", "company":"Bollinger Mach Shp & Shipyard",
"date":"2018-04-19", "date":"2018-04-19",
"status":"new", "status":"new",
"verified":true,
"activity":92, "activity":92,
"representative":{ "representative":{
"name":"Asiya Javayant", "name":"Asiya Javayant",
"image":"asiyajavayant.png" "image":"asiyajavayant.png"
} },
"balance":65005
} }
] ]
} }

40
public/demo/data/customers-small.json
View File

@ -10,11 +10,13 @@
"company":"Benton, John B Jr", "company":"Benton, John B Jr",
"date":"2015-09-13", "date":"2015-09-13",
"status":"unqualified", "status":"unqualified",
"verified":true,
"activity":17, "activity":17,
"representative":{ "representative":{
"name":"Ioni Bowcher", "name":"Ioni Bowcher",
"image":"ionibowcher.png" "image":"ionibowcher.png"
} },
"balance":70663
}, },
{ {
"id":1001, "id":1001,
@ -26,11 +28,13 @@
"company":"Chanay, Jeffrey A Esq", "company":"Chanay, Jeffrey A Esq",
"date":"2019-02-09", "date":"2019-02-09",
"status":"proposal", "status":"proposal",
"verified":true,
"activity":0, "activity":0,
"representative":{ "representative":{
"name":"Amy Elsner", "name":"Amy Elsner",
"image":"amyelsner.png" "image":"amyelsner.png"
} },
"balance":82429
}, },
{ {
"id":1002, "id":1002,
@ -42,11 +46,13 @@
"company":"Chemel, James L Cpa", "company":"Chemel, James L Cpa",
"date":"2017-05-13", "date":"2017-05-13",
"status":"qualified", "status":"qualified",
"verified":false,
"activity":63, "activity":63,
"representative":{ "representative":{
"name":"Asiya Javayant", "name":"Asiya Javayant",
"image":"asiyajavayant.png" "image":"asiyajavayant.png"
} },
"balance":28334
}, },
{ {
"id":1003, "id":1003,
@ -58,11 +64,13 @@
"company":"Feltz Printing Service", "company":"Feltz Printing Service",
"date":"2020-09-15", "date":"2020-09-15",
"status":"new", "status":"new",
"verified":false,
"activity":37, "activity":37,
"representative":{ "representative":{
"name":"Xuxue Feng", "name":"Xuxue Feng",
"image":"xuxuefeng.png" "image":"xuxuefeng.png"
} },
"balance":88521
}, },
{ {
"id":1004, "id":1004,
@ -74,11 +82,13 @@
"company":"Printing Dimensions", "company":"Printing Dimensions",
"date":"2016-05-20", "date":"2016-05-20",
"status":"proposal", "status":"proposal",
"verified":true,
"activity":33, "activity":33,
"representative":{ "representative":{
"name":"Asiya Javayant", "name":"Asiya Javayant",
"image":"asiyajavayant.png" "image":"asiyajavayant.png"
} },
"balance":93905
}, },
{ {
"id":1005, "id":1005,
@ -90,11 +100,13 @@
"company":"Chapman, Ross E Esq", "company":"Chapman, Ross E Esq",
"date":"2018-02-16", "date":"2018-02-16",
"status":"qualified", "status":"qualified",
"verified":false,
"activity":68, "activity":68,
"representative":{ "representative":{
"name":"Ivan Magalhaes", "name":"Ivan Magalhaes",
"image":"ivanmagalhaes.png" "image":"ivanmagalhaes.png"
} },
"balance":50041
}, },
{ {
"id":1006, "id":1006,
@ -106,11 +118,13 @@
"company":"Morlong Associates", "company":"Morlong Associates",
"date":"2018-02-19", "date":"2018-02-19",
"status":"renewal", "status":"renewal",
"verified":true,
"activity":54, "activity":54,
"representative":{ "representative":{
"name":"Ivan Magalhaes", "name":"Ivan Magalhaes",
"image":"ivanmagalhaes.png" "image":"ivanmagalhaes.png"
} },
"balance":58706
}, },
{ {
"id":1007, "id":1007,
@ -122,11 +136,13 @@
"company":"Commercial Press", "company":"Commercial Press",
"date":"2019-08-13", "date":"2019-08-13",
"status":"renewal", "status":"renewal",
"verified":true,
"activity":69, "activity":69,
"representative":{ "representative":{
"name":"Onyama Limba", "name":"Onyama Limba",
"image":"onyamalimba.png" "image":"onyamalimba.png"
} },
"balance":26640
}, },
{ {
"id":1008, "id":1008,
@ -138,11 +154,13 @@
"company":"Truhlar And Truhlar Attys", "company":"Truhlar And Truhlar Attys",
"date":"2018-11-21", "date":"2018-11-21",
"status":"unqualified", "status":"unqualified",
"verified":true,
"activity":76, "activity":76,
"representative":{ "representative":{
"name":"Ivan Magalhaes", "name":"Ivan Magalhaes",
"image":"ivanmagalhaes.png" "image":"ivanmagalhaes.png"
} },
"balance":65369
}, },
{ {
"id":1009, "id":1009,
@ -154,11 +172,13 @@
"company":"King, Christopher A Esq", "company":"King, Christopher A Esq",
"date":"2015-07-07", "date":"2015-07-07",
"status":"proposal", "status":"proposal",
"verified":false,
"activity":3, "activity":3,
"representative":{ "representative":{
"name":"Onyama Limba", "name":"Onyama Limba",
"image":"onyamalimba.png" "image":"onyamalimba.png"
} },
"balance":63451
} }
] ]
} }

31
src/views/datatable/DataTableScrollDemo.vue
View File

@ -10,7 +10,7 @@
<div class="content-section implementation"> <div class="content-section implementation">
<div class="card"> <div class="card">
<h5>Vertical</h5> <h5>Vertical</h5>
<DataTable :value="customers" :scrollable="true" scrollHeight="400px" :loading="loading"> <DataTable :value="customers1" :scrollable="true" scrollHeight="400px" :loading="loading">
<Column field="name" header="Name"></Column> <Column field="name" header="Name"></Column>
<Column field="country.name" header="Country"></Column> <Column field="country.name" header="Country"></Column>
<Column field="representative.name" header="Representative"></Column> <Column field="representative.name" header="Representative"></Column>
@ -27,7 +27,7 @@
</div> </div>
<Dialog header="Flex Scroll" v-model:visible="dialogVisible" :style="{width: '75vw'}" :maximizable="true" :modal="true" :contentStyle="{height: '300px'}"> <Dialog header="Flex Scroll" v-model:visible="dialogVisible" :style="{width: '75vw'}" :maximizable="true" :modal="true" :contentStyle="{height: '300px'}">
<DataTable :value="customers" :scrollable="true" scrollHeight="flex"> <DataTable :value="customers1" :scrollable="true" scrollHeight="flex">
<Column field="name" header="Name"></Column> <Column field="name" header="Name"></Column>
<Column field="country.name" header="Country"></Column> <Column field="country.name" header="Country"></Column>
<Column field="representative.name" header="Representative"></Column> <Column field="representative.name" header="Representative"></Column>
@ -40,7 +40,7 @@
<div class="card"> <div class="card">
<h5>Horizontal and Vertical with Footer</h5> <h5>Horizontal and Vertical with Footer</h5>
<DataTable :value="customers" :scrollable="true" scrollHeight="400px" :loading="loading" scrollDirection="both"> <DataTable :value="customers2" :scrollable="true" scrollHeight="400px" :loading="loading" scrollDirection="both">
<Column field="id" header="Id" footer="Id" :style="{width:'200px'}"></Column> <Column field="id" header="Id" footer="Id" :style="{width:'200px'}"></Column>
<Column field="name" header="Name" footer="Name" :style="{width:'200px'}"></Column> <Column field="name" header="Name" footer="Name" :style="{width:'200px'}"></Column>
<Column field="country.name" header="Country" footer="Country" :style="{width:'200px'}"></Column> <Column field="country.name" header="Country" footer="Country" :style="{width:'200px'}"></Column>
@ -75,13 +75,11 @@
<div class="card"> <div class="card">
<h5>Frozen Columns</h5> <h5>Frozen Columns</h5>
<DataTable :value="customers" :scrollable="true" scrollHeight="400px" :loading="loading" scrollDirection="both"> <ToggleButton v-model="idFrozen" onIcon="pi pi-lock" offIcon="pi pi-lock-open" onLabel="Unfreeze Id" offLabel="Freeze Id" style="width: 10rem" />
<Column field="name" header="Name" :style="{width:'200px'}" frozen>
<template #body="slotProps"> <DataTable :value="customers2" :scrollable="true" scrollHeight="400px" :loading="loading" scrollDirection="both" class="p-mt-3">
<span class="p-text-bold">{{slotProps.data.name}}</span> <Column field="name" header="Name" :style="{width:'200px'}" frozen></Column>
</template> <Column field="id" header="Id" :style="{width:'100px'}" :frozen="idFrozen"></Column>
</Column>
<Column field="id" header="Id" :style="{width:'200px'}"></Column>
<Column field="name" header="Name" :style="{width:'200px'}"></Column> <Column field="name" header="Name" :style="{width:'200px'}"></Column>
<Column field="country.name" header="Country" :style="{width:'200px'}"></Column> <Column field="country.name" header="Country" :style="{width:'200px'}"></Column>
<Column field="date" header="Date" :style="{width:'200px'}"></Column> <Column field="date" header="Date" :style="{width:'200px'}"></Column>
@ -154,12 +152,14 @@ import LiveEditor from '../liveeditor/LiveEditor';
export default { export default {
data() { data() {
return { return {
customers: null, customers1: null,
customers2: null,
customersGrouped: null, customersGrouped: null,
lockedCustomers: [], lockedCustomers: [],
unlockedCustomers: null, unlockedCustomers: null,
loading: false, loading: false,
dialogVisible: false dialogVisible: false,
idFrozen: false
} }
}, },
customerService: null, customerService: null,
@ -170,9 +170,10 @@ export default {
this.loading = true; this.loading = true;
this.customerService.getCustomersLarge().then(data => { this.customerService.getCustomersLarge().then(data => {
this.customers = data; this.customers1 = data;
this.loading = false; this.loading = false;
}); });
this.customerService.getCustomersMedium().then(data => this.customers2 = data);
this.customerService.getCustomersMedium().then(data => this.unlockedCustomers = data); this.customerService.getCustomersMedium().then(data => this.unlockedCustomers = data);
this.customerService.getCustomersMedium().then(data => this.customersGrouped = data); this.customerService.getCustomersMedium().then(data => this.customersGrouped = data);
@ -243,4 +244,8 @@ export default {
::v-deep(.p-datatable-frozen-tbody) { ::v-deep(.p-datatable-frozen-tbody) {
font-weight: bold; font-weight: bold;
} }
::v-deep(.p-datatable-scrollable .p-frozen-column) {
font-weight: bold;
}
</style> </style>