If any column name contains some text enclosed by round brackets '()' then table will not be rendered

[MoshiurRahmanMoshi]

Suppose I have a json array name myEmployees as
$scope.myEmployees = [{ "firstName (Employee Name)": "Cox", "lastName": "Carney", "company": "Enormo", "employed": true }, { "firstName (Employee Name)": "Lorraine", "lastName": "Wise", "company": "Comveyer", "employed": false }, { "firstName (Employee Name)": "Nancy", "lastName": "Waters", "company": "Fuelton", "employed": false }];

Here is my html.
<div id="grid1" ui-grid="{ data: myEmployees }" class="grid"></div>

This code produces error and table will not be rendered. An example of this issue is here,
Plunker Link

[YonatanKra]

This happens because of getEntityQualifiedColField parsing "naively".
See here:

ui-grid/src/js/core/factories/GridRow.js

Line 96 in 1c01e74

GridRow.prototype.getEntityQualifiedColField = function(col) {

What it does is return this value:
return gridUtil.preEval(base + '.' + col.field);
Which in your case does the following:
entity['firstName '](Employee Name).

A quick workaround is to set the field name to something without parenthesis and use parenthesis in the displayName of the column itself (you'd have to use the columns "manually").

I don't have to time to PR this in the few couple of days, but might be available for it during the weekend (should be relatively simple if you're up to it).