Angular ui-grid：在模板中定义列

Question

ui-grid文档告诉我们在控制器中定义列，如下所示：

$scope.gridOptions = {
    columnDefs: [
        { field: 'id', displayName: 'Ref', width: "60" },
        { field: 'title', displayName: 'Title', width: "200" }
    ]
}

虽然这很好用，但我觉得这真的属于我的模板。有没有办法像这样设置列：

<div ui-grid="gridOptions" class="myGrid" style="width:800px; height: 600px">
    <ui-column field="id" width="60">Ref</ui-column>
    <ui-column field="title" width="200">Title</ui-column>
</div>