Updated scrollable table demos
Cagatay Civici
parent
560add9d67
commit
6bf28c0452
|
|
@ -10,11 +10,13 @@
|
|||
"company":"Benton, John B Jr",
|
||||
"date":"2015-09-13",
|
||||
"status":"unqualified",
|
||||
"verified":true,
|
||||
"activity":17,
|
||||
"representative":{
|
||||
"name":"Ioni Bowcher",
|
||||
"image":"ionibowcher.png"
|
||||
}
|
||||
},
|
||||
"balance":70663
|
||||
},
|
||||
{
|
||||
"id":1001,
|
||||
|
|
@ -26,11 +28,13 @@
|
|||
"company":"Chanay, Jeffrey A Esq",
|
||||
"date":"2019-02-09",
|
||||
"status":"proposal",
|
||||
"verified":true,
|
||||
"activity":0,
|
||||
"representative":{
|
||||
"name":"Amy Elsner",
|
||||
"image":"amyelsner.png"
|
||||
}
|
||||
},
|
||||
"balance":82429
|
||||
},
|
||||
{
|
||||
"id":1002,
|
||||
|
|
@ -42,11 +46,13 @@
|
|||
"company":"Chemel, James L Cpa",
|
||||
"date":"2017-05-13",
|
||||
"status":"qualified",
|
||||
"verified":false,
|
||||
"activity":63,
|
||||
"representative":{
|
||||
"name":"Asiya Javayant",
|
||||
"image":"asiyajavayant.png"
|
||||
}
|
||||
},
|
||||
"balance":28334
|
||||
},
|
||||
{
|
||||
"id":1003,
|
||||
|
|
@ -58,11 +64,13 @@
|
|||
"company":"Feltz Printing Service",
|
||||
"date":"2020-09-15",
|
||||
"status":"new",
|
||||
"verified":false,
|
||||
"activity":37,
|
||||
"representative":{
|
||||
"name":"Xuxue Feng",
|
||||
"image":"xuxuefeng.png"
|
||||
}
|
||||
},
|
||||
"balance":88521
|
||||
},
|
||||
{
|
||||
"id":1004,
|
||||
|
|
@ -74,11 +82,13 @@
|
|||
"company":"Printing Dimensions",
|
||||
"date":"2016-05-20",
|
||||
"status":"proposal",
|
||||
"verified":true,
|
||||
"activity":33,
|
||||
"representative":{
|
||||
"name":"Asiya Javayant",
|
||||
"image":"asiyajavayant.png"
|
||||
}
|
||||
},
|
||||
"balance":93905
|
||||
},
|
||||
{
|
||||
"id":1005,
|
||||
|
|
@ -90,11 +100,13 @@
|
|||
"company":"Chapman, Ross E Esq",
|
||||
"date":"2018-02-16",
|
||||
"status":"qualified",
|
||||
"verified":false,
|
||||
"activity":68,
|
||||
"representative":{
|
||||
"name":"Ivan Magalhaes",
|
||||
"image":"ivanmagalhaes.png"
|
||||
}
|
||||
},
|
||||
"balance":50041
|
||||
},
|
||||
{
|
||||
"id":1006,
|
||||
|
|
@ -106,11 +118,13 @@
|
|||
"company":"Morlong Associates",
|
||||
"date":"2018-02-19",
|
||||
"status":"renewal",
|
||||
"verified":true,
|
||||
"activity":54,
|
||||
"representative":{
|
||||
"name":"Ivan Magalhaes",
|
||||
"image":"ivanmagalhaes.png"
|
||||
}
|
||||
},
|
||||
"balance":58706
|
||||
},
|
||||
{
|
||||
"id":1007,
|
||||
|
|
@ -122,11 +136,13 @@
|
|||
"company":"Commercial Press",
|
||||
"date":"2019-08-13",
|
||||
"status":"renewal",
|
||||
"verified":true,
|
||||
"activity":69,
|
||||
"representative":{
|
||||
"name":"Onyama Limba",
|
||||
"image":"onyamalimba.png"
|
||||
}
|
||||
},
|
||||
"balance":26640
|
||||
},
|
||||
{
|
||||
"id":1008,
|
||||
|
|
@ -138,11 +154,13 @@
|
|||
"company":"Truhlar And Truhlar Attys",
|
||||
"date":"2018-11-21",
|
||||
"status":"unqualified",
|
||||
"verified":true,
|
||||
"activity":76,
|
||||
"representative":{
|
||||
"name":"Ivan Magalhaes",
|
||||
"image":"ivanmagalhaes.png"
|
||||
}
|
||||
},
|
||||
"balance":65369
|
||||
},
|
||||
{
|
||||
"id":1009,
|
||||
|
|
@ -154,11 +172,13 @@
|
|||
"company":"King, Christopher A Esq",
|
||||
"date":"2015-07-07",
|
||||
"status":"proposal",
|
||||
"verified":false,
|
||||
"activity":3,
|
||||
"representative":{
|
||||
"name":"Onyama Limba",
|
||||
"image":"onyamalimba.png"
|
||||
}
|
||||
},
|
||||
"balance":63451
|
||||
},
|
||||
{
|
||||
"id":1010,
|
||||
|
|
@ -170,11 +190,13 @@
|
|||
"company":"Dorl, James J Esq",
|
||||
"date":"2018-11-07",
|
||||
"status":"qualified",
|
||||
"verified":false,
|
||||
"activity":38,
|
||||
"representative":{
|
||||
"name":"Anna Fali",
|
||||
"image":"annafali.png"
|
||||
}
|
||||
},
|
||||
"balance":71169
|
||||
},
|
||||
{
|
||||
"id":1011,
|
||||
|
|
@ -186,11 +208,13 @@
|
|||
"company":"Rangoni Of Florence",
|
||||
"date":"2017-03-11",
|
||||
"status":"qualified",
|
||||
"verified":true,
|
||||
"activity":87,
|
||||
"representative":{
|
||||
"name":"Bernardo Dominic",
|
||||
"image":"bernardodominic.png"
|
||||
}
|
||||
},
|
||||
"balance":96842
|
||||
},
|
||||
{
|
||||
"id":1012,
|
||||
|
|
@ -202,11 +226,13 @@
|
|||
"company":"Feiner Bros",
|
||||
"date":"2015-10-20",
|
||||
"status":"unqualified",
|
||||
"verified":false,
|
||||
"activity":80,
|
||||
"representative":{
|
||||
"name":"Onyama Limba",
|
||||
"image":"onyamalimba.png"
|
||||
}
|
||||
},
|
||||
"balance":92734
|
||||
},
|
||||
{
|
||||
"id":1013,
|
||||
|
|
@ -215,14 +241,16 @@
|
|||
"name":"Chile",
|
||||
"code":"cl"
|
||||
},
|
||||
"company": "Buckley Miller \u0026 Wright",
|
||||
"company":"Buckley Miller & Wright",
|
||||
"date":"2016-07-25",
|
||||
"status":"negotiation",
|
||||
"verified":false,
|
||||
"activity":59,
|
||||
"representative":{
|
||||
"name":"Amy Elsner",
|
||||
"image":"amyelsner.png"
|
||||
}
|
||||
},
|
||||
"balance":45250
|
||||
},
|
||||
{
|
||||
"id":1014,
|
||||
|
|
@ -234,11 +262,13 @@
|
|||
"company":"Rousseaux, Michael Esq",
|
||||
"date":"2019-06-25",
|
||||
"status":"new",
|
||||
"verified":true,
|
||||
"activity":90,
|
||||
"representative":{
|
||||
"name":"Asiya Javayant",
|
||||
"image":"asiyajavayant.png"
|
||||
}
|
||||
},
|
||||
"balance":30236
|
||||
},
|
||||
{
|
||||
"id":1015,
|
||||
|
|
@ -250,11 +280,13 @@
|
|||
"company":"Century Communications",
|
||||
"date":"2017-12-12",
|
||||
"status":"negotiation",
|
||||
"verified":false,
|
||||
"activity":52,
|
||||
"representative":{
|
||||
"name":"Anna Fali",
|
||||
"image":"annafali.png"
|
||||
}
|
||||
},
|
||||
"balance":64533
|
||||
},
|
||||
{
|
||||
"id":1016,
|
||||
|
|
@ -266,11 +298,13 @@
|
|||
"company":"Bolton, Wilbur Esq",
|
||||
"date":"2018-07-04",
|
||||
"status":"unqualified",
|
||||
"verified":false,
|
||||
"activity":31,
|
||||
"representative":{
|
||||
"name":"Ivan Magalhaes",
|
||||
"image":"ivanmagalhaes.png"
|
||||
}
|
||||
},
|
||||
"balance":37279
|
||||
},
|
||||
{
|
||||
"id":1017,
|
||||
|
|
@ -282,11 +316,13 @@
|
|||
"company":"T M Byxbee Company Pc",
|
||||
"date":"2020-02-27",
|
||||
"status":"renewal",
|
||||
"verified":true,
|
||||
"activity":48,
|
||||
"representative":{
|
||||
"name":"Stephen Shaw",
|
||||
"image":"stephenshaw.png"
|
||||
}
|
||||
},
|
||||
"balance":27381
|
||||
},
|
||||
{
|
||||
"id":1018,
|
||||
|
|
@ -298,11 +334,13 @@
|
|||
"company":"Farmers Insurance Group",
|
||||
"date":"2017-12-21",
|
||||
"status":"negotiation",
|
||||
"verified":true,
|
||||
"activity":16,
|
||||
"representative":{
|
||||
"name":"Bernardo Dominic",
|
||||
"image":"bernardodominic.png"
|
||||
}
|
||||
},
|
||||
"balance":9257
|
||||
},
|
||||
{
|
||||
"id":1019,
|
||||
|
|
@ -314,11 +352,13 @@
|
|||
"company":"Post Box Services Plus",
|
||||
"date":"2016-01-04",
|
||||
"status":"renewal",
|
||||
"verified":true,
|
||||
"activity":19,
|
||||
"representative":{
|
||||
"name":"Xuxue Feng",
|
||||
"image":"xuxuefeng.png"
|
||||
}
|
||||
},
|
||||
"balance":67783
|
||||
},
|
||||
{
|
||||
"id":1020,
|
||||
|
|
@ -330,11 +370,13 @@
|
|||
"company":"Sport En Art",
|
||||
"date":"2016-10-21",
|
||||
"status":"renewal",
|
||||
"verified":false,
|
||||
"activity":100,
|
||||
"representative":{
|
||||
"name":"Onyama Limba",
|
||||
"image":"onyamalimba.png"
|
||||
}
|
||||
},
|
||||
"balance":4609
|
||||
},
|
||||
{
|
||||
"id":1021,
|
||||
|
|
@ -346,11 +388,13 @@
|
|||
"company":"C 4 Network Inc",
|
||||
"date":"2017-03-24",
|
||||
"status":"renewal",
|
||||
"verified":false,
|
||||
"activity":72,
|
||||
"representative":{
|
||||
"name":"Ioni Bowcher",
|
||||
"image":"ionibowcher.png"
|
||||
}
|
||||
},
|
||||
"balance":26565
|
||||
},
|
||||
{
|
||||
"id":1022,
|
||||
|
|
@ -362,11 +406,13 @@
|
|||
"company":"Ingalls, Donald R Esq",
|
||||
"date":"2017-04-15",
|
||||
"status":"renewal",
|
||||
"verified":true,
|
||||
"activity":94,
|
||||
"representative":{
|
||||
"name":"Asiya Javayant",
|
||||
"image":"asiyajavayant.png"
|
||||
}
|
||||
},
|
||||
"balance":75876
|
||||
},
|
||||
{
|
||||
"id":1023,
|
||||
|
|
@ -378,11 +424,13 @@
|
|||
"company":"Franklin, Peter L Esq",
|
||||
"date":"2017-03-11",
|
||||
"status":"qualified",
|
||||
"verified":false,
|
||||
"activity":56,
|
||||
"representative":{
|
||||
"name":"Elwin Sharvill",
|
||||
"image":"elwinsharvill.png"
|
||||
}
|
||||
},
|
||||
"balance":41121
|
||||
},
|
||||
{
|
||||
"id":1024,
|
||||
|
|
@ -394,11 +442,13 @@
|
|||
"company":"Wtlz Power 107 Fm",
|
||||
"date":"2018-03-27",
|
||||
"status":"qualified",
|
||||
"verified":true,
|
||||
"activity":7,
|
||||
"representative":{
|
||||
"name":"Stephen Shaw",
|
||||
"image":"stephenshaw.png"
|
||||
}
|
||||
},
|
||||
"balance":91691
|
||||
},
|
||||
{
|
||||
"id":1025,
|
||||
|
|
@ -410,11 +460,13 @@
|
|||
"company":"Ledecky, David Esq",
|
||||
"date":"2016-02-20",
|
||||
"status":"qualified",
|
||||
"verified":true,
|
||||
"activity":1,
|
||||
"representative":{
|
||||
"name":"Ivan Magalhaes",
|
||||
"image":"ivanmagalhaes.png"
|
||||
}
|
||||
},
|
||||
"balance":40137
|
||||
},
|
||||
{
|
||||
"id":1026,
|
||||
|
|
@ -426,11 +478,13 @@
|
|||
"company":"Professional Image Inc",
|
||||
"date":"2018-06-24",
|
||||
"status":"new",
|
||||
"verified":true,
|
||||
"activity":26,
|
||||
"representative":{
|
||||
"name":"Ioni Bowcher",
|
||||
"image":"ionibowcher.png"
|
||||
}
|
||||
},
|
||||
"balance":21304
|
||||
},
|
||||
{
|
||||
"id":1027,
|
||||
|
|
@ -442,11 +496,13 @@
|
|||
"company":"Sider, Donald C Esq",
|
||||
"date":"2016-09-24",
|
||||
"status":"new",
|
||||
"verified":false,
|
||||
"activity":76,
|
||||
"representative":{
|
||||
"name":"Amy Elsner",
|
||||
"image":"amyelsner.png"
|
||||
}
|
||||
},
|
||||
"balance":60454
|
||||
},
|
||||
{
|
||||
"id":1028,
|
||||
|
|
@ -458,11 +514,13 @@
|
|||
"company":"U Pull It",
|
||||
"date":"2020-04-11",
|
||||
"status":"qualified",
|
||||
"verified":true,
|
||||
"activity":7,
|
||||
"representative":{
|
||||
"name":"Onyama Limba",
|
||||
"image":"onyamalimba.png"
|
||||
}
|
||||
},
|
||||
"balance":17565
|
||||
},
|
||||
{
|
||||
"id":1029,
|
||||
|
|
@ -474,11 +532,13 @@
|
|||
"company":"Clark, Richard Cpa",
|
||||
"date":"2018-04-11",
|
||||
"status":"renewal",
|
||||
"verified":true,
|
||||
"activity":81,
|
||||
"representative":{
|
||||
"name":"Ioni Bowcher",
|
||||
"image":"ionibowcher.png"
|
||||
}
|
||||
},
|
||||
"balance":17774
|
||||
},
|
||||
{
|
||||
"id":1030,
|
||||
|
|
@ -490,11 +550,13 @@
|
|||
"company":"Moskowitz, Barry S",
|
||||
"date":"2016-06-11",
|
||||
"status":"negotiation",
|
||||
"verified":true,
|
||||
"activity":56,
|
||||
"representative":{
|
||||
"name":"Asiya Javayant",
|
||||
"image":"asiyajavayant.png"
|
||||
}
|
||||
},
|
||||
"balance":49201
|
||||
},
|
||||
{
|
||||
"id":1031,
|
||||
|
|
@ -506,11 +568,13 @@
|
|||
"company":"Cascade Realty Advisors Inc",
|
||||
"date":"2017-08-02",
|
||||
"status":"qualified",
|
||||
"verified":true,
|
||||
"activity":94,
|
||||
"representative":{
|
||||
"name":"Ioni Bowcher",
|
||||
"image":"ionibowcher.png"
|
||||
}
|
||||
},
|
||||
"balance":67126
|
||||
},
|
||||
{
|
||||
"id":1032,
|
||||
|
|
@ -522,11 +586,13 @@
|
|||
"company":"Knwz Newsradio",
|
||||
"date":"2018-06-06",
|
||||
"status":"renewal",
|
||||
"verified":true,
|
||||
"activity":68,
|
||||
"representative":{
|
||||
"name":"Xuxue Feng",
|
||||
"image":"xuxuefeng.png"
|
||||
}
|
||||
},
|
||||
"balance":76017
|
||||
},
|
||||
{
|
||||
"id":1033,
|
||||
|
|
@ -538,11 +604,13 @@
|
|||
"company":"Giampetro, Anthony D",
|
||||
"date":"2019-08-08",
|
||||
"status":"proposal",
|
||||
"verified":true,
|
||||
"activity":85,
|
||||
"representative":{
|
||||
"name":"Bernardo Dominic",
|
||||
"image":"bernardodominic.png"
|
||||
}
|
||||
},
|
||||
"balance":91201
|
||||
},
|
||||
{
|
||||
"id":1034,
|
||||
|
|
@ -554,11 +622,13 @@
|
|||
"company":"Milford Enterprises Inc",
|
||||
"date":"2018-05-19",
|
||||
"status":"negotiation",
|
||||
"verified":false,
|
||||
"activity":46,
|
||||
"representative":{
|
||||
"name":"Ivan Magalhaes",
|
||||
"image":"ivanmagalhaes.png"
|
||||
}
|
||||
},
|
||||
"balance":12237
|
||||
},
|
||||
{
|
||||
"id":1035,
|
||||
|
|
@ -570,11 +640,13 @@
|
|||
"company":"Mosocco, Ronald A",
|
||||
"date":"2015-02-12",
|
||||
"status":"qualified",
|
||||
"verified":true,
|
||||
"activity":32,
|
||||
"representative":{
|
||||
"name":"Onyama Limba",
|
||||
"image":"onyamalimba.png"
|
||||
}
|
||||
},
|
||||
"balance":34072
|
||||
},
|
||||
{
|
||||
"id":1036,
|
||||
|
|
@ -586,11 +658,13 @@
|
|||
"company":"Tri State Refueler Co",
|
||||
"date":"2018-04-25",
|
||||
"status":"qualified",
|
||||
"verified":true,
|
||||
"activity":77,
|
||||
"representative":{
|
||||
"name":"Amy Elsner",
|
||||
"image":"amyelsner.png"
|
||||
}
|
||||
},
|
||||
"balance":94909
|
||||
},
|
||||
{
|
||||
"id":1037,
|
||||
|
|
@ -602,11 +676,13 @@
|
|||
"company":"Parkway Company",
|
||||
"date":"2016-02-27",
|
||||
"status":"unqualified",
|
||||
"verified":true,
|
||||
"activity":66,
|
||||
"representative":{
|
||||
"name":"Amy Elsner",
|
||||
"image":"amyelsner.png"
|
||||
}
|
||||
},
|
||||
"balance":57245
|
||||
},
|
||||
{
|
||||
"id":1038,
|
||||
|
|
@ -618,11 +694,13 @@
|
|||
"company":"Fbs Business Finance",
|
||||
"date":"2019-09-17",
|
||||
"status":"qualified",
|
||||
"verified":true,
|
||||
"activity":25,
|
||||
"representative":{
|
||||
"name":"Bernardo Dominic",
|
||||
"image":"bernardodominic.png"
|
||||
}
|
||||
},
|
||||
"balance":75502
|
||||
},
|
||||
{
|
||||
"id":1039,
|
||||
|
|
@ -634,11 +712,13 @@
|
|||
"company":"Eder Assocs Consltng Engrs Pc",
|
||||
"date":"2016-12-03",
|
||||
"status":"renewal",
|
||||
"verified":false,
|
||||
"activity":51,
|
||||
"representative":{
|
||||
"name":"Ioni Bowcher",
|
||||
"image":"ionibowcher.png"
|
||||
}
|
||||
},
|
||||
"balance":82075
|
||||
},
|
||||
{
|
||||
"id":1040,
|
||||
|
|
@ -650,11 +730,13 @@
|
|||
"company":"Tri M Tool Inc",
|
||||
"date":"2017-12-15",
|
||||
"status":"negotiation",
|
||||
"verified":true,
|
||||
"activity":49,
|
||||
"representative":{
|
||||
"name":"Xuxue Feng",
|
||||
"image":"xuxuefeng.png"
|
||||
}
|
||||
},
|
||||
"balance":19208
|
||||
},
|
||||
{
|
||||
"id":1041,
|
||||
|
|
@ -666,11 +748,13 @@
|
|||
"company":"International Eyelets Inc",
|
||||
"date":"2017-02-02",
|
||||
"status":"qualified",
|
||||
"verified":false,
|
||||
"activity":5,
|
||||
"representative":{
|
||||
"name":"Amy Elsner",
|
||||
"image":"amyelsner.png"
|
||||
}
|
||||
},
|
||||
"balance":50194
|
||||
},
|
||||
{
|
||||
"id":1042,
|
||||
|
|
@ -682,11 +766,13 @@
|
|||
"company":"Rapid Trading Intl",
|
||||
"date":"2018-12-25",
|
||||
"status":"unqualified",
|
||||
"verified":false,
|
||||
"activity":100,
|
||||
"representative":{
|
||||
"name":"Anna Fali",
|
||||
"image":"annafali.png"
|
||||
}
|
||||
},
|
||||
"balance":77714
|
||||
},
|
||||
{
|
||||
"id":1043,
|
||||
|
|
@ -698,11 +784,13 @@
|
|||
"company":"Abc Enterprises Inc",
|
||||
"date":"2018-04-10",
|
||||
"status":"qualified",
|
||||
"verified":false,
|
||||
"activity":71,
|
||||
"representative":{
|
||||
"name":"Stephen Shaw",
|
||||
"image":"stephenshaw.png"
|
||||
}
|
||||
},
|
||||
"balance":35740
|
||||
},
|
||||
{
|
||||
"id":1044,
|
||||
|
|
@ -714,11 +802,13 @@
|
|||
"company":"Cindy Turner Associates",
|
||||
"date":"2018-05-06",
|
||||
"status":"unqualified",
|
||||
"verified":true,
|
||||
"activity":54,
|
||||
"representative":{
|
||||
"name":"Amy Elsner",
|
||||
"image":"amyelsner.png"
|
||||
}
|
||||
},
|
||||
"balance":30790
|
||||
},
|
||||
{
|
||||
"id":1045,
|
||||
|
|
@ -730,11 +820,13 @@
|
|||
"company":"Stanton, James D Esq",
|
||||
"date":"2019-07-10",
|
||||
"status":"renewal",
|
||||
"verified":true,
|
||||
"activity":93,
|
||||
"representative":{
|
||||
"name":"Onyama Limba",
|
||||
"image":"onyamalimba.png"
|
||||
}
|
||||
},
|
||||
"balance":52343
|
||||
},
|
||||
{
|
||||
"id":1046,
|
||||
|
|
@ -746,11 +838,13 @@
|
|||
"company":"Grace Pastries Inc",
|
||||
"date":"2018-02-19",
|
||||
"status":"unqualified",
|
||||
"verified":false,
|
||||
"activity":97,
|
||||
"representative":{
|
||||
"name":"Xuxue Feng",
|
||||
"image":"xuxuefeng.png"
|
||||
}
|
||||
},
|
||||
"balance":53966
|
||||
},
|
||||
{
|
||||
"id":1047,
|
||||
|
|
@ -762,11 +856,13 @@
|
|||
"company":"Schroer, Gene E Esq",
|
||||
"date":"2019-11-27",
|
||||
"status":"new",
|
||||
"verified":false,
|
||||
"activity":80,
|
||||
"representative":{
|
||||
"name":"Xuxue Feng",
|
||||
"image":"xuxuefeng.png"
|
||||
}
|
||||
},
|
||||
"balance":9920
|
||||
},
|
||||
{
|
||||
"id":1048,
|
||||
|
|
@ -778,11 +874,13 @@
|
|||
"company":"Knights Inn",
|
||||
"date":"2018-11-24",
|
||||
"status":"new",
|
||||
"verified":false,
|
||||
"activity":63,
|
||||
"representative":{
|
||||
"name":"Stephen Shaw",
|
||||
"image":"stephenshaw.png"
|
||||
}
|
||||
},
|
||||
"balance":78069
|
||||
},
|
||||
{
|
||||
"id":1049,
|
||||
|
|
@ -791,14 +889,16 @@
|
|||
"name":"Finland",
|
||||
"code":"fi"
|
||||
},
|
||||
"company": "Bollinger Mach Shp \u0026 Shipyard",
|
||||
"company":"Bollinger Mach Shp & Shipyard",
|
||||
"date":"2018-04-19",
|
||||
"status":"new",
|
||||
"verified":true,
|
||||
"activity":92,
|
||||
"representative":{
|
||||
"name":"Asiya Javayant",
|
||||
"image":"asiyajavayant.png"
|
||||
}
|
||||
},
|
||||
"balance":65005
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -10,11 +10,13 @@
|
|||
"company":"Benton, John B Jr",
|
||||
"date":"2015-09-13",
|
||||
"status":"unqualified",
|
||||
"verified":true,
|
||||
"activity":17,
|
||||
"representative":{
|
||||
"name":"Ioni Bowcher",
|
||||
"image":"ionibowcher.png"
|
||||
}
|
||||
},
|
||||
"balance":70663
|
||||
},
|
||||
{
|
||||
"id":1001,
|
||||
|
|
@ -26,11 +28,13 @@
|
|||
"company":"Chanay, Jeffrey A Esq",
|
||||
"date":"2019-02-09",
|
||||
"status":"proposal",
|
||||
"verified":true,
|
||||
"activity":0,
|
||||
"representative":{
|
||||
"name":"Amy Elsner",
|
||||
"image":"amyelsner.png"
|
||||
}
|
||||
},
|
||||
"balance":82429
|
||||
},
|
||||
{
|
||||
"id":1002,
|
||||
|
|
@ -42,11 +46,13 @@
|
|||
"company":"Chemel, James L Cpa",
|
||||
"date":"2017-05-13",
|
||||
"status":"qualified",
|
||||
"verified":false,
|
||||
"activity":63,
|
||||
"representative":{
|
||||
"name":"Asiya Javayant",
|
||||
"image":"asiyajavayant.png"
|
||||
}
|
||||
},
|
||||
"balance":28334
|
||||
},
|
||||
{
|
||||
"id":1003,
|
||||
|
|
@ -58,11 +64,13 @@
|
|||
"company":"Feltz Printing Service",
|
||||
"date":"2020-09-15",
|
||||
"status":"new",
|
||||
"verified":false,
|
||||
"activity":37,
|
||||
"representative":{
|
||||
"name":"Xuxue Feng",
|
||||
"image":"xuxuefeng.png"
|
||||
}
|
||||
},
|
||||
"balance":88521
|
||||
},
|
||||
{
|
||||
"id":1004,
|
||||
|
|
@ -74,11 +82,13 @@
|
|||
"company":"Printing Dimensions",
|
||||
"date":"2016-05-20",
|
||||
"status":"proposal",
|
||||
"verified":true,
|
||||
"activity":33,
|
||||
"representative":{
|
||||
"name":"Asiya Javayant",
|
||||
"image":"asiyajavayant.png"
|
||||
}
|
||||
},
|
||||
"balance":93905
|
||||
},
|
||||
{
|
||||
"id":1005,
|
||||
|
|
@ -90,11 +100,13 @@
|
|||
"company":"Chapman, Ross E Esq",
|
||||
"date":"2018-02-16",
|
||||
"status":"qualified",
|
||||
"verified":false,
|
||||
"activity":68,
|
||||
"representative":{
|
||||
"name":"Ivan Magalhaes",
|
||||
"image":"ivanmagalhaes.png"
|
||||
}
|
||||
},
|
||||
"balance":50041
|
||||
},
|
||||
{
|
||||
"id":1006,
|
||||
|
|
@ -106,11 +118,13 @@
|
|||
"company":"Morlong Associates",
|
||||
"date":"2018-02-19",
|
||||
"status":"renewal",
|
||||
"verified":true,
|
||||
"activity":54,
|
||||
"representative":{
|
||||
"name":"Ivan Magalhaes",
|
||||
"image":"ivanmagalhaes.png"
|
||||
}
|
||||
},
|
||||
"balance":58706
|
||||
},
|
||||
{
|
||||
"id":1007,
|
||||
|
|
@ -122,11 +136,13 @@
|
|||
"company":"Commercial Press",
|
||||
"date":"2019-08-13",
|
||||
"status":"renewal",
|
||||
"verified":true,
|
||||
"activity":69,
|
||||
"representative":{
|
||||
"name":"Onyama Limba",
|
||||
"image":"onyamalimba.png"
|
||||
}
|
||||
},
|
||||
"balance":26640
|
||||
},
|
||||
{
|
||||
"id":1008,
|
||||
|
|
@ -138,11 +154,13 @@
|
|||
"company":"Truhlar And Truhlar Attys",
|
||||
"date":"2018-11-21",
|
||||
"status":"unqualified",
|
||||
"verified":true,
|
||||
"activity":76,
|
||||
"representative":{
|
||||
"name":"Ivan Magalhaes",
|
||||
"image":"ivanmagalhaes.png"
|
||||
}
|
||||
},
|
||||
"balance":65369
|
||||
},
|
||||
{
|
||||
"id":1009,
|
||||
|
|
@ -154,11 +172,13 @@
|
|||
"company":"King, Christopher A Esq",
|
||||
"date":"2015-07-07",
|
||||
"status":"proposal",
|
||||
"verified":false,
|
||||
"activity":3,
|
||||
"representative":{
|
||||
"name":"Onyama Limba",
|
||||
"image":"onyamalimba.png"
|
||||
}
|
||||
},
|
||||
"balance":63451
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -10,7 +10,7 @@
|
|||
<div class="content-section implementation">
|
||||
<div class="card">
|
||||
<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="country.name" header="Country"></Column>
|
||||
<Column field="representative.name" header="Representative"></Column>
|
||||
|
|
@ -27,7 +27,7 @@
|
|||
</div>
|
||||
|
||||
<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="country.name" header="Country"></Column>
|
||||
<Column field="representative.name" header="Representative"></Column>
|
||||
|
|
@ -40,7 +40,7 @@
|
|||
|
||||
<div class="card">
|
||||
<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="name" header="Name" footer="Name" :style="{width:'200px'}"></Column>
|
||||
<Column field="country.name" header="Country" footer="Country" :style="{width:'200px'}"></Column>
|
||||
|
|
@ -75,13 +75,11 @@
|
|||
|
||||
<div class="card">
|
||||
<h5>Frozen Columns</h5>
|
||||
<DataTable :value="customers" :scrollable="true" scrollHeight="400px" :loading="loading" scrollDirection="both">
|
||||
<Column field="name" header="Name" :style="{width:'200px'}" frozen>
|
||||
<template #body="slotProps">
|
||||
<span class="p-text-bold">{{slotProps.data.name}}</span>
|
||||
</template>
|
||||
</Column>
|
||||
<Column field="id" header="Id" :style="{width:'200px'}"></Column>
|
||||
<ToggleButton v-model="idFrozen" onIcon="pi pi-lock" offIcon="pi pi-lock-open" onLabel="Unfreeze Id" offLabel="Freeze Id" style="width: 10rem" />
|
||||
|
||||
<DataTable :value="customers2" :scrollable="true" scrollHeight="400px" :loading="loading" scrollDirection="both" class="p-mt-3">
|
||||
<Column field="name" header="Name" :style="{width:'200px'}" frozen></Column>
|
||||
<Column field="id" header="Id" :style="{width:'100px'}" :frozen="idFrozen"></Column>
|
||||
<Column field="name" header="Name" :style="{width:'200px'}"></Column>
|
||||
<Column field="country.name" header="Country" :style="{width:'200px'}"></Column>
|
||||
<Column field="date" header="Date" :style="{width:'200px'}"></Column>
|
||||
|
|
@ -154,12 +152,14 @@ import LiveEditor from '../liveeditor/LiveEditor';
|
|||
export default {
|
||||
data() {
|
||||
return {
|
||||
customers: null,
|
||||
customers1: null,
|
||||
customers2: null,
|
||||
customersGrouped: null,
|
||||
lockedCustomers: [],
|
||||
unlockedCustomers: null,
|
||||
loading: false,
|
||||
dialogVisible: false
|
||||
dialogVisible: false,
|
||||
idFrozen: false
|
||||
}
|
||||
},
|
||||
customerService: null,
|
||||
|
|
@ -170,9 +170,10 @@ export default {
|
|||
this.loading = true;
|
||||
|
||||
this.customerService.getCustomersLarge().then(data => {
|
||||
this.customers = data;
|
||||
this.customers1 = data;
|
||||
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.customersGrouped = data);
|
||||
|
||||
|
|
@ -243,4 +244,8 @@ export default {
|
|||
::v-deep(.p-datatable-frozen-tbody) {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
::v-deep(.p-datatable-scrollable .p-frozen-column) {
|
||||
font-weight: bold;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue