angularjs ui столбцы сетки и опции меню

Question

Я использую сетку angularjs ui в своем приложении с опциями меню. Столбец Total не отображается в сетке, а также в параметрах меню под столбцами ни один из столбцов сетки не отображается. Может ли кто-нибудь указать, где я ошибаюсь? plunker

Ниже приведены мои DEFS столбцов и данные:

"columnDefs": [ 
    { 
     "width": 530, 
     "field": "Date", 
     "enableHiding": false, 
     "name": "Date", 
     "type": "string" 
    }, 
    { 
     "width": 530, 
     "field": "Total", 
     "enableHiding": false, 
     "name": "Total", 
     "type": "string" 
    } 
    ] 

и у меня есть данные:

"data": [ 
    { 
     "Date": "2016-06-07", 
     "Total": "2" 
    }, 
    { 
     "Date": "2016-06-08", 
     "Total": "11" 
    }, 
    { 
     "Date": "2016-06-09", 
     "Total": "14" 
    }, 
    { 
     "Date": "2016-06-10", 
     "Total": "9" 
    }, 
    { 
     "Date": "2016-06-11", 
     "Total": "4" 
    }, 
    { 
     "Date": "2016-06-13", 
     "Total": "3" 
    }, 
    { 
     "Date": "2016-06-14", 
     "Total": "2" 
    }, 
    { 
     "Date": "2016-06-15", 
     "Total": "3" 
    }, 
    { 
     "Date": "2016-06-16", 
     "Total": "4" 
    } 
    ] 

Answer 1

Я думаю, ваша колонка слишком широкая. Вы можете попробовать:

"columnDefs": [ 
{ 
    "width": 100, 
    "field": "Date", 
    "enableHiding": false, 
    "name": "Date", 
    "type": "string" 
}, 
{ 
    "width": 100, 
    "field": "Total", 
    "enableHiding": false, 
    "name": "Total", 
    "type": "string" 
} 
] 

, если вы хотите, чтобы иметь возможность скрыть столбцы следует указать: "enableHiding": true

Plunker: http://plnkr.co/edit/mpIdk8qButiAckBeLatF?p=preview