JSFiddle - React, Tailwind, and code Playground
by gschutz
JavaScript
var samples = [{
"collect_date": "2015-11-19T18:49:36.982820Z",
"code": "151119976426",
"name": "Fruta - Após lavação",
"customer_id": 10,
"collection_id": 402,
"collect_point_id": 516
}, {
"collect_date": "2015-11-27T18:14:41.653558Z",
"code": "151119976400",
"name": "Suco - TQ Asséptico",
"customer_id": 10,
"collection_id": 402,
"collect_point_id": 517
}, {
"collect_date": "2015-11-27T18:15:07.939327Z",
"code": "151119976401",
"name": "Suco - TQ Asséptico",
"customer_id": 10,
"collection_id": 402,
"collect_point_id": 518
}, {
"collect_date": "2015-12-10T16:59:14.950593Z",
"code": "151123936202",
"name": "Gelo da Coifa de Sopragem TQ 683",
"customer_id": 10,
"collection_id": 402,
"collect_point_id": 519
}, {
"collect_date": "2015-12-10T16:59:42.728335Z",
"code": "151123936203",
"name": "Linha do Pasteurizador/Entrada TQs",
"customer_id": 10,
"collection_id": 402,
"collect_point_id": 520
}, {
"collect_date": "2015-12-10T19:19:54.010871Z",
"code": "151123936210",
"name": "Água piso câmara NFC",
"customer_id": 10,
"collection_id": 402,
"collect_point_id": 521
}, {
"collect_date": "2015-12-09T15:42:31.095007Z",
"code": "151123936207",
"name": "Água - Curva fria",
"customer_id": 10,
"collection_id": 402,
"collect_point_id": 522
}, {
"collect_date": "2015-12-09T15:42:35.891463Z",
"code": "151123936208",
"name": "Água - Tubo feixe frio",
"customer_id": 10,
"collection_id": 402,
"collect_point_id": 523
}, {
"collect_date": "2015-12-10T16:58:26.072891Z",
"code": "151123936201",
"name": "Dreno da Coifa de Sopragem TQ 682",
"customer_id": 10,
"collection_id": 402,
"collect_point_id": 524
}, {
"collect_date": "2015-11-23T11:25:36.263715Z",
"code": "151123936211",
"name": "",
"customer_id": 10,
"collection_id": 402,
"collect_point_id": 525
}, {
"collect_date": "2015-12-10T19:20:59.466280Z",
"code": "151123936212",
"name": "Curva S parte de baixo",
...