angularjs ui网格列和菜单选项问题

时间:2017-01-23 08:21:52

标签: angularjs angularjs-directive angular-ui-bootstrap angular-ui-grid

我在我的应用程序中使用angularjs ui grid和菜单选项。 “总计”列未显示在网格中,也未出现在列下的菜单选项中,没有任何网格列可见。任何人都可以指出我出错的地方吗? 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"
    }
  ]

1 个答案:

答案 0 :(得分: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