angularjs - columnDefs を動的に設定する

Question

基本的に、動的な列ヘッダー（日付形式）のデータテーブルがあるので、列定義を動的に設定する方法を知りたいです。

私のデータは次のようなものです:

  $scope.data =   [{"FirstName":"Ali","8/11/2016 12:00:00 AM":"Yes" ;}]

そして、ここに私がそれを呼んでいる方法があります:

$scope.gridOptions = {
        enableHorizontalScrollbar: 1,
        enableFiltering: true,
        paginationPageSizes: [150, 300, 450],
        paginationPageSize: 150,
        enableEditing: true,
        rowHeight: 110,
        data: data ,

    /*    columnDefs: [

       {  name: 'FirstName', field: 'FirstName', displayName: 'FirstName' , enableCellEdit: false  , width :'60' }

         ]*/
        };

PS：データには日付形式の列が多数ある可能性があり、角度1.3を使用しています