Unable to renderer

I can’t seem to get the table to show up with the following code any help would be nice.

var data = [

{
Edit: “Edit”,
ID: “1”,
Level: “Default Level”,
Major Order: "1000,
Sub Order: “100”,
Major Component: “Paving”,
Sub Component: “Asphalt: Sealing”,
Location: “Outside”,
Quantity: “5”,
Unit: “Square Feet”,
Total Cost:“176.00”
}
];
container,
hot;
var container = document.getElementById(‘example’);
var hot = new Handsontable(container, {
data: data,
rowHeaders: true,
colHeaders: true,
dropdownMenu: true,
manualColumnResize: true,
columnSorting: true,

colHeaders: [‘Edit’, ‘ID’, ‘Level’, ‘Major Order’, ‘Sub Order’, ‘Major Component’, ‘Sub Component’, ‘Location’, ‘Quanity’, ‘Unit’, ‘Total Cost’],
columns: [
{data: “Edit”, renderer: “html”},
{data: “ID”, readOnly: true},
{data: “Level”, readOnly: true},
{data: “Major Order”},
{data: “Sub Order”},
{data: “Major Component”, readOnly: true},
{data: “Sub Component”, readOnly: true},
{data: “Location”},
{data: “Quanity”},
{data: “Unit”},
{data: “Total Cost”}
],
sortIndicator: true,
filters: true

});

figured it out

modified
columns: [

{readOnly: true},
{renderer: “html”},
{readOnly: true},
{type: ‘numeric’},
{type: ‘numeric’},
{readOnly: true},
{readOnly: true},
{},
{type: ‘numeric’},
{},
{type: ‘numeric’}
],