javascript - 如何在 ui-grid 标题中显示带括号的内容?

标签 javascript angularjs angular-ui-grid

我有一个对象数组要在 ui-grid 中显示,如下所示。

JS

var arr = [{
    'Reference': 1,
    'Nominal load (daN)': 'xx',
    'Nominal static deflection (mm)': 'yy'
}, {
    'Reference': 2,
    'Nominal load (daN)': 'xx1',
    'Nominal static deflection (mm)': 'yy1'
}, {
    'Reference': 3,
    'Nominal load (daN)': 'xx2',
    'Nominal static deflection (mm)': 'yy2'
}];

$scope.gridOptions= arr;

HTML

 <div ui-grid=" {data: gridOptions}" class="grid"> </div>

但由于标题中的括号('Nominal load (daN)' 和 'Nominal static deflection (mm)'),我的 ui-grid 不显示第二列和第三列

最佳答案

您可以执行类似的操作,以便“field”属性映射到要映射的对象的属性,并且“displayName”可用于提供自定义名称:

JavaScript:

 $scope.gridOptions = {
      columnDefs: [
        { field: 'Reference'
        },
        { field: 'Nominal load (daN)',
          displayName: 'Nominal load (daN)'
        },
        { field: 'Nominal static deflection (mm)',
          displayName: 'Nominal static deflection (mm)'
        }
       ],
      data: arr
   };

HTML:

<div ui-grid="gridOptions" class="grid"></div>

关于javascript - 如何在 ui-grid 标题中显示带括号的内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38506663/

相关文章:

css - 如何将输入框设置为 ui-grid 单元格的全宽?

angularjs - 无法在 Protractor 中选择 md-tab

javascript - ng-显示带有 ng-repeat 的 Angular 选项卡

angularjs - 如何使用 Angular 用户界面网格动态显示数据到链接标签?

javascript - 获取文本小于 1024 个字符的 reddit 帖子

javascript - Javascript 中的边缘检测

javascript - Socket.configure Undefined is not a function 错误

javascript - jquery 媒体查询上的 jQuery 侧边导航

javascript - 当我不知道属性名称时,如何从 javascript 对象获取值

javascript - Angular UI-Grid TypeError : Cannot set property 'data' of undefined. 发送来自服务的 promise 和未定义的数据