Dynamic columns for a Table

Hi,

I am following the below code which is in JSBin. I am unable to get this working. I replaced the OData URL with a custom one which I am working on. I can retrieve the column definition, but the binding of columns does not work. Any suggestions.

Thanks,

Murali

   var sURI = 'http://demos.kendoui.com/service/Northwind.svc/';    var oDataModel = new sap.ui.model.odata.ODataModel(sURI, true);     sap.ui.getCore().setModel(oDataModel, 'data');    var sEntity = '/Categories';    var properties = oDataModel.oMetadata._getEntityTypeByPath(sEntity).property;    var oMetaModel = new sap.ui.model.json.JSONModel();    oMetaModel.setData({        columns: properties,    });     sap.ui.getCore().setModel(oMetaModel, 'meta');    var oTable = new sap.ui.table.Table({        title: "OData Model dynamic column and data binding",        showNoData: true,        columnHeaderHeight: 10,        visibleRowCount: 7    });    oTable.bindColumns('meta>/columns', function(sId, oContext) {        var sColumnId = oContext.getObject().name;        return new sap.ui.table.Column({            id: sColumnId,            label: sColumnId,            template: new sap.ui.commons.TextView({"text" : {path: "data>" + sColumnId}}),            sortProperty: sColumnId,            filterProperty: sColumnId        });    });    oTable.bindRows('data>'+ sEntity);    oTable.placeAt("content");