动态设置columnDefs

时间:2016-08-31 15:27:23

标签: angularjs ui-grid

基本上我有dyamic列标题的数据表(日期格式),所以我想知道如何动态设置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:数据可以包含许多具有日期格式的列,并且我使用角度1.3

1 个答案:

答案 0 :(得分:0)

试试这个, 将标题保留在$ 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' }
        ];