$("#dg").datagrid({
columns: [[{title: "name", field: "name", width: 100},
{title: "height(cm)", field: "height(cm)", width: 50},
{title: "rank", field: "rank", width: 50}]],
data: [{name: "Alan", "height(cm)": 180, rank: 1},
{name: "Ben", "height(cm)": 175, rank: 2}]
});
... is rendered to
<td class="" field="height(cm)">
<div class="datagrid-cell datagrid-cell-c2-height(cm)">
<span>height(cm)</span>
<span class="datagrid-sort-icon"></span>
</div>
</td>
The class name "datagrid-cell-c2-height(cm)" is invalid, so it fails to set the width.
http://stackoverflow.com/questions/448981/which-characters-are-valid-in-css-class-names-selectors