{"action":"closed","issue":{"url":"https://api.github.com/repos/SAP/openui5/issues/980","repository_url":"https://api.github.com/repos/SAP/openui5","labels_url":"https://api.github.com/repos/SAP/openui5/issues/980/labels{/name}","comments_url":"https://api.github.com/repos/SAP/openui5/issues/980/comments","events_url":"https://api.github.com/repos/SAP/openui5/issues/980/events","html_url":"https://github.com/SAP/openui5/issues/980","id":152733582,"number":980,"title":"Openui5 table do not accept white space in Column ids","user":{"login":"siddharthpolisiti","id":12596989,"avatar_url":"https://avatars.githubusercontent.com/u/12596989?v=3","gravatar_id":"","url":"https://api.github.com/users/siddharthpolisiti","html_url":"https://github.com/siddharthpolisiti","followers_url":"https://api.github.com/users/siddharthpolisiti/followers","following_url":"https://api.github.com/users/siddharthpolisiti/following{/other_user}","gists_url":"https://api.github.com/users/siddharthpolisiti/gists{/gist_id}","starred_url":"https://api.github.com/users/siddharthpolisiti/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/siddharthpolisiti/subscriptions","organizations_url":"https://api.github.com/users/siddharthpolisiti/orgs","repos_url":"https://api.github.com/users/siddharthpolisiti/repos","events_url":"https://api.github.com/users/siddharthpolisiti/events{/privacy}","received_events_url":"https://api.github.com/users/siddharthpolisiti/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/SAP/openui5/labels/documentation","name":"documentation","color":"AE00FF"}],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2016-05-03T09:30:34Z","updated_at":"2016-05-06T07:08:06Z","closed_at":"2016-05-06T07:08:06Z","body":"Giving space leads to below error:\r\n\r\n> \"col 2\" is not a valid ID as per below example\r\n\r\n```\r\n <html>\r\n\r\n    <head>\r\n        <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\" />\r\n\r\n        <title>OData Date Table Multiple Sorters</title>\r\n        <link rel=\"stylesheet\" type=\"text/css\" href=\"\">\r\n\r\n        <script id=\"sap-ui-bootstrap\" src=\"https://openui5.hana.ondemand.com/resources/sap-ui-core.js\" type=\"text/javascript\" data-sap-ui-libs=\"sap.ui.core,sap.ui.commons,sap.ui.table\" data-sap-ui-theme=\"sap_goldreflection\">\r\n        </script>\r\n        <script>\r\n          var mainData=[\r\n                {\"columnId\":\"col1\",\"Row\":\"Row 1\",\"Status\":0},\r\n                {\"columnId\":\"col 2\",\"Row\":\"Row 2\",\"Status\":1},\r\n                {\"columnId\":\"col3\",\"Row\":\"Row 3\",\"Status\":2},\r\n                {\"columnId\":\"col4\",\"Row\":\"Row 4\",\"Status\":3},\r\n                {\"columnId\":\"col5\",\"Row\":\"Row 5\",\"Status\":4},\r\n\r\n                 ];\r\n        var aColumnData = [{\r\n            columnId: \"col1\"\r\n        }, {\r\n            columnId: \"col 2\"\r\n        }, {\r\n            columnId: \"col3\"\r\n        }, {\r\n            columnId: \"col4\"\r\n        }, {\r\n            columnId: \"col5\"\r\n        }];\r\n\r\n\r\n        var aData = [{\r\n\r\n            \"col 2\": \"Row 2\",\r\n            col3: \"Row 3\",\r\n            col4: \"Row 4\",\r\n            col5: \"Row 5\"\r\n        }];\r\n        var oModel = new sap.ui.model.json.JSONModel();\r\n\r\n        oModel.setData({\r\n            columns: aColumnData,\r\n            rows: aData\r\n        });\r\n\r\n        var oTable = new sap.ui.table.Table({\r\n            title: \"Table column and data binding\",\r\n            showNoData : true,  \r\n            columnHeaderHeight : 10,\r\n            visibleRowCount: 7\r\n        });\r\n        oTable.setModel(oModel);\r\n\r\n        oTable.bindColumns(\"/columns\", function(index, context) {\r\n             var sColumnId = context.getObject().columnId;\r\n          var tempJson=mainData;\r\n\r\n\r\n             return new sap.ui.table.Column({\r\n                id : sColumnId,\r\n                label: sColumnId,\r\n                template: new sap.ui.commons.Button({\r\n              text : { \r\n                 path: sColumnId, \r\n                  formatter: function(value){\r\n                    if(value!=null){\r\n              var specificJson= $.grep(tempJson, function( n, i ) {\r\n              return n.columnId === sColumnId.toString() && n.Row === value.toString();\r\n              });   \r\n                    if(specificJson[0].Status == 1){\r\n                     this.setIcon(\"sap-icon://accept\");\r\n                     this.setStyle(sap.ui.commons.ButtonStyle.Accept);            \r\n                }\r\n                }\r\n                    if(value === \"\" || value == undefined){\r\n                    this.setVisible(false);\r\n                }\r\n                       return  value ; \r\n                } \r\n                },\r\n                }),\r\n\r\n\r\n                sortProperty: sColumnId, \r\n                filterProperty: sColumnId\r\n            });\r\n        });\r\n        oTable.bindRows(\"/rows\");\r\n        oTable.placeAt(\"content\");\r\n        </script>\r\n    </head>\r\n    <body class=\"sapUiBody\" id=\"body\" role=\"application\">\r\n        <div id=\"content\"></div>\r\n    </body>\r\n    </html>\r\n```\r\n\r\n Here is the jsbin [example](http://jsbin.com/duzayuzito/edit?html,output)."}}