JSFiddle - React, Tailwind, and code Playground

HTML

public class Details
    {
        public int id { get; set; }
        public int eId { get; set; }
        public int f { get; set; }
        public DateTime sd { get; set; }
        public string h { get; set; }
        public string a { get; set; }
        public int c { get; set; }
        public T t { get; set; }
        public int sId { get; set; }
        public string cCode { get; set; }
        public int lId { get; set; }
        public bool isS { get; set; }
        public string hId { get; set; }
        public string aId { get; set; }
        public bool ng { get; set; }
    }

    public class T
    {
        public _043[] _043 { get; set; }
        public _046[] _046 { get; set; }
        public _047[] _047 { get; set; }
        public _010[] _010 { get; set; }
        public _060[] _060 { get; set; }
    }

    public class _043
    {
        public int id { get; set; }
        public string n { get; set; }
        public float v { get; set; }
        public int bt { get; set; }
    }

    public class _046
    {
        public int id { get; set; }
        public string n { get; set; }
        public float v { get; set; }
        public int bt { get; set; }
    }

    public class _047
    {
        public int id { get; set; }
        public string n { get; set; }
        public float v { get; set; }
        public int bt { get; set; }
    }

    public class _010
    {
        public int id { get; set; }
        public string n { get; set; }
        public float v { get; set; }
        public int bt { get; set; }
    }

    public class _060
    {
        public int id { get; set; }
        public string n { get; set; }
        public string sbv { get; set; }
        public float v { get; set; }
        public int bt { get; set; }
    }

JavaScript

{
    "3396": [{
        "id": 767570,
        "eId": 6569189,
        "f": 0,
        "sd": "2015-06-05T22:45:00.000+0400",
        "h": "Дандалк",
        "a": "Богемианс Дублин",
        "c": 109,
        "t": {
            "0-43": [{
                "id": 71968108,
                "n": "No",
                "v": 1.55,
                "bt": 1
            }, {
                "id": 71968218,
                "n": "Yes",
                "v": 2.25,
                "bt": 1
            }],
            "0-46": [{
                "id": 71759951,
                "n": "12",
                "v": 1.16,
                "bt": 1
            }, {
                "id": 71759952,
                "n": "1X",
                "v": 1.03,
                "bt": 1
            }, {
                "id": 71759956,
                "n": "X2",
                "v": 2.94,
                "bt": 1
            }],
            "0-47": [{
                "id": 71759955,
                "n": "1",
                "v": 1.05,
                "bt": 1
            }, {
                "id": 71759958,
                "n": "2",
                "v": 6.61,
                "bt": 1
            }],
            "0-10": [{
                "id": 71759950,
                "n": "1",
                "v": 1.35,
                "bt": 1
            }, {
                "id": 71759953,
                "n": "2",
                "v": 8.5,
                "bt": 1
            }, {
                "id": 71759954,
                "n": "X",
                "v": 4.5,
                "bt": 1
            }],
            "0-60": [{
                "id": 71968018,
                "n": "Over",
                "sbv": "2.5",
                "v": 1.9,
                "bt": 1
            }, {
                "id": 71968125,
                "n": "Under",
                "sbv": "2.5",
                "v": 1.8,
                "bt": 1
            }]
        },
        "sId": 27,
        "cCode": "",
        "lId": 3396,
        "isS":...