datatable json

<table id="focusedProduct1" class="display">
    <thead>
        <tr>
            <th>Material Code</th>
            <th>Material Description</th>
            <th>UOM</th>
            <th>Status</th>
        </tr>
    </thead>
    <tbody>
    </tbody>
</table>


var data1 = 
	  [
	    {
	      "id": "1",
	      "materialCode": "200000159",
	      "materialDesc": "DEEP GROOVE BALL BEARING-6202 ZZC3",
	      "uom": "MT",
	      "status": "<span class='red-dot'></span> Red or Black"
	    },
	    {
		  "id": "2",
		  "materialCode": "200002039",
		  "materialDesc": "THERMOCOUPLE,QRT/K,3MM,1000MM",
		  "uom": "EA",
		  "status": "<span class='red-dot'></span> Red or Black"
		}
	  ]
	
	
	$('#focusedProduct1').DataTable({
	    "data": data1,
	    columns: [
	        { data: 'materialCode' },
	        { data: 'materialDesc' },
	        { data: 'uom' },
	        { data: 'status' },
            {
                "data": null,
                sortable: false,
                render: function (data, type, row) {
                    return btn = `<a class="table-btn" href="${data.filepath}">Download</button>`;
                }
            },
	    ],
	});