JSFiddle - React, Tailwind, and code Playground

by mcotton

HTML

<ul>

JavaScript

var j = {"total_rows":19,"offset":0,"rows":[
{"id":"CA0209d125403aaaca6bf5a41660f50b34","key":"Tue Aug 30 2011","value":{"To":"+15124540004","From":"+15124877845"}},
{"id":"CA1d5368b85f6caf00e7aa100296196e6f","key":"Tue Aug 30 2011","value":{"To":"+18002763410","From":"+18306320286"}},
{"id":"CA2299074b6d31d30deab7e2cd108690a1","key":"Tue Aug 30 2011","value":{"To":"+18002763410","From":"+18305841127"}},
{"id":"CA4600bdd79f74d25a17b89fec5e3653bb","key":"Tue Aug 30 2011","value":{"To":"+15124540004","From":"+17378742833"}},
{"id":"CA6bab6597a888e0c9a015f24b3b43f187","key":"Tue Aug 30 2011","value":{"To":"+15124540004","From":"+17378742833"}},
{"id":"CA91e39e6266b144a3c2fa125f807f058d","key":"Tue Aug 30 2011","value":{"To":"+18002763410","From":"+15127439455"}},
{"id":"CAac7175609042fa8897547509198bfe25","key":"Tue Aug 30 2011","value":{"To":"+18002763410","From":"+15127439455"}},
{"id":"CAd248049ace85a5103ab6e096af230c76","key":"Tue Aug 30 2011","value":{"To":"+18002763410","From":"+18305375152"}},
{"id":"CAd4c0b6fea1c67cb69c0088a029725a49","key":"Tue Aug 30 2011","value":{"To":"+18002763410","From":"+12105081452"}},
{"id":"CAe25c69d156b7922e24884ea738dd0930","key":"Tue Aug 30 2011","value":{"To":"+18002763410","From":"+12127601045"}},
{"id":"CAf7bb74aae5eacf061e95626ca2d9b36a","key":"Tue Aug 30 2011","value":{"To":"+15124540004","From":"+16788096046"}},
{"id":"CA148bac658322237d9f8c46ec7dfd341c","key":"Wed Aug 24 2011","value":{"To":"+18002763410","From":"+12106503181"}},
{"id":"CA2a11013be049a2e5c630ad68a4dbfed3","key":"Wed Aug 24 2011","value":{"To":"+18002763410","From":"+17863585639"}},
{"id":"CA6bd05537a591d9ec5fb8f038bfb1925a","key":"Wed Aug 24 2011","value":{"To":"+18002763410","From":"+12106503181"}},
{"id":"CA97f4c0f836829da2624dc9fd79bba557","key":"Wed Aug 24 2011","value":{"To":"+18002763410","From":"+12127601045"}},
{"id":"CAab39fde76cd38040ca364590da9856d8","key":"Wed Aug 24...