angularjs - 动态设置 columnDefs

Question

基本上我有带有动态列标题（日期格式）的数据表，所以我想知道如何动态设置 columnDefs。

我的数据是这样的：

  $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：数据可以有许多日期格式的列，我使用的是 angular 1.3

Answer 1

试试这个，将标题保留在 $scope 上并在 columnDefs 中调用它们

$scope.headers = [
    FirstName:newFName
]
$scope.gridOptions = {
    enableHorizontalScrollbar: 1,
    enableFiltering: true,
    paginationPageSizes: [150, 300, 450],
    paginationPageSize: 150,
    enableEditing: true,
    rowHeight: 110,
    data: data ,
    columnDefs: [
        {field:'FirstName' , displayName: $scope.headers.displayName , enableCellEdit: false  , width :'60' }
        ];